微信小程序Nginx环境配置
环境配置概述
- SSL免费证书申请步骤
- Nginx HTTPS 配置
- TLS 1.2 升级过程
微信小程序要求使用 https
发送请求,那么Web服务器就要配置成支持 https
,需要先申请SSL证书
小程序也要求 TLS
(传输层安全协议)的版本至少为 1.2
,在配置好 https
之后,如果 TLS
的版本较低,就涉及到升级问题
所以 Server端环境配置的主要步骤:
- 申请 SSL 证书
- 配置web服务器支持https(我使用的是nginx)
- 升级到 TLS 1.2
SSL证书申请
https
需要使用SSL证书,这个证书的价格为每年三五千到一万多,对于小团队或者是想熟悉一下小程序的用户来说,这个价格还是比较高的,这种情况可以选择免费证书
另外,也可以考虑一下云服务,例如 野狗、LeanCloud 这些成熟的服务平台,都支持 https,如果这些平台能满足自己的业务需求,就省掉了很多麻烦
免费证书:阿里云上的 赛门铁克 免费型DV SSL
申请过程
wanwang.aliyun.com
登录控制台,点击左侧菜单中的 安全 -> 证书服务
,这个页面中右上角有 购买证书
按钮,点击进入购买页,选择免费型DV SSL
,购买
订单金额为0元,只是走一遍购买流程,完成后回到证书服务
页面,可以在列表中看到一个证书
首先进行 “补全” 操作,填写自己的域名和基本信息
之后 “补全” 连接会变为 “进度”,点击后根据提示操作,主要是验证自己的服务器,我选的是文件验证,下载一个文件上传到自己服务器,等待验证
验证没问题后,大概10分钟左右就可以下载SSL证书了
Nginx HTTPS 配置
证书上传到nginx目录下,例如:
1
|
/ usr / local / nginx / cert |
修改 nginx配置文件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
配置 HTTPS server 块儿,添加SSL配置 # HTTPS server # server { listen 443 ssl; server_name localhost; ...... ssl on; ssl_certificate / usr / local / nginx / cert / 213994146300992.pem ; ssl_certificate_key / usr / local / nginx / cert / 213994146300992.key ; ssl_session_timeout 5m ; ssl_ciphers ECDHE - RSA - AES128 - GCM - SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_protocols TLSv1 TLSv1. 1 TLSv1. 2 ; ssl_prefer_server_ciphers on; location / { root html; index index.html index.htm; } ...... } |
购买证书后,会提示如何修改,重新加载配置文件,浏览器中使用 https
方式访问自己的域名,看是否可以正常访问
升级到 TLS 1.2
查看 TLS 版本
访问 https url 后,地址栏前面会有一个‘绿色小锁图标’,点击它可以查看到 TLS 版本信息
如果没有达到 1.2
就需要升级,下面的操作环境为 centos linux
1)查看 openssl 版本
1
|
openssl version - a |
1.0.2
以下的版本就要升级,之前的版本官方都已经停止维护
2)升级 openssl
到官网下载新版
https://www.openssl.org/source/
例如下载到 /usr/local
升级 :
1
2
3
4
5
6
7
8
9
10
11
12
|
cd / usr / local tar zxvf openssl - 1.0 . 2j .tar.gz cd openssl - 1.0 . 2j . / config - - prefix = / usr / local / openssl make && make install mv / usr / bin / openssl / usr / bin / openssl.OFF #备份 mv / usr / include / openssl / usr / include / openssl.OFF ln - s / usr / local / openssl / bin / openssl / usr / bin / openssl #创建软链接 ln - s / usr / local / openssl / include / openssl / usr / include / openssl echo "/usr/local/openssl/lib" >> / etc / ld.so.conf ldconfig - v |
验证:
1
|
openssl version - a |
3)重新编译 nginx
升级OpenSSL
之后,nginx需要重新编译,否则TLS还是旧版本的
下面是基本安装,如您需求更多,请自行调整
用到的软件
openssl 前面已经安装完了
pcre 如果安装过就无需再装
- zlib 系统自带也行
Pcre安装:
下载地址 http://www.pcre.org/
例如下载到 /usr/local cd /usr/local
tar -zxv -f pcre-8.39.tar.gz
cd pcre-8.39
./configure --prefix=/usr/local/pcre/
make && make install
Zlib安装:
下载地址 http://www.zlib.net/
例如下载到 /usr/local cd /usr/local
tar -zxv -f zlib-1.2.10.tar.gz
cd zlib-1.2.10
./configure --prefix=/usr/local/zlib/
make && make install
编译nginx:
1
2
3
4
|
tar zxvf nginx - 1.10 . 3.tar .gz cd nginx - 1.10 . 3 . / configure - - prefix = / data / nginx - - with - http_ssl_module - - with - openssl = / usr / local / openssl |
tar -zxvf nginx-1.10.2.tar.gz
cd nginx-1.10.2
./configure \
--user=用户 \
--group=组 \
--prefix=/usr/local/nginx \
--with-http_ssl_module \
--with-openssl=/usr/local/openssl-1.0.2j \
--with-pcre=/usr/local/pcre-8.39 \
--with-zlib=/usr/local/zlib-1.2.10 \
--with-http_stub_status_module \
--with-threads
make && make install
编译完成后,记得把修改配置文件,添加好 SSL 的相关信息
然后启动nginx,访问 https url 再次验证 TSL 版本
Nginx编译安装时遇到的问题:
报错信息如下:
1
2
3
4
|
/ bin / sh: line 2 : . / config: No such file or directory make[ 1 ]: * * * [ / usr / local / ssl / .openssl / include / openssl / ssl.h] Error 127 make[ 1 ]: Leaving directory ` / usr / local / src / nginx - 1.10 . 2 ‘ make: * * * [build] Error 2 |
需要说明的是,我这里编译所使用的Nginx源码是1.10.2的。根据报错信息我们知道,出错是因为Nginx在编译时并不能在/usr/local/ssl/.openssl/ 这个目录找到对应的文件,其实我们打开/usr/local/ssl/这个目录可以发现这个目录下是没有.openssl目录的,因此我们修改Nginx编译时对openssl的路径选择就可以解决这个问题了
解决方案:
打开nginx源文件下的/root/nginx-1.10.2/auto/lib/openssl/conf文件
找到这么一段代码:
1
2
3
4
5
|
CORE_INCS = "$CORE_INCS $OPENSSL/.openssl/include" CORE_DEPS = "$CORE_DEPS $OPENSSL/.openssl/include/openssl/ssl.h" CORE_LIBS = "$CORE_LIBS $OPENSSL/.openssl/lib/libssl.a" CORE_LIBS = "$CORE_LIBS $OPENSSL/.openssl/lib/libcrypto.a" CORE_LIBS = "$CORE_LIBS $NGX_LIBDL" |
修改成以下代码:
1
2
3
4
5
|
CORE_INCS = "$CORE_INCS $OPENSSL/.openssl/include" CORE_DEPS = "$CORE_DEPS $OPENSSL/include/openssl/ssl.h" CORE_LIBS = "$CORE_LIBS $OPENSSL/lib/libssl.a" CORE_LIBS = "$CORE_LIBS $OPENSSL/lib/libcrypto.a" CORE_LIBS = "$CORE_LIBS $NGX_LIBDL" |
然后再进行Nginx的编译安装即可。
小结
经过这些步骤,微信小程序就可以和后端正常沟通了
微信小程序Nginx环境配置的更多相关文章
- VSCode 微信小程序 开发环境配置 详细教程
本博客已暂停更新,需要请转新博客http://www.whbwiki.com/231.html 配置 VsCode 微信小程序开发环境并非不用官方的 微信小程序开发者工具 ,而是两者配合适用,可以极大 ...
- 微信小程序 开发环境配置
1.注册小程序 (1)微信公众平台:https://mp.weixin.qq.com/(2)立即注册 (3)流程 (4)小程序注册 (5)填写相关信息,并去邮箱激活.这样小程序的账号就注册完成了. 2 ...
- 微信小程序开发环境安装以及相关设置配置
微信小程序开发环境安装以及相关设置配置 一.安装 软件名称:wechat_devtools_1.02.1907232_x64 软件安装地址:https://developers.weixin.qq.c ...
- 关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案
微信小程序开发环境苹果IOS真机预览报SSL协议错误问题 原文来自:https://blog.csdn.net/qq_27626333/articl ...
- 微信小程序 app.json 配置
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { " ...
- 微信小程序开发环境
微信小程序开发环境 不忘初心,方得始终.初心易得,始终难守 小程序开发环境 开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devt ...
- 微信小程序:页面配置 page.json
微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序 ...
- 微信小程序:工具配置 project.config.json
微信小程序:工具配置 project.config.json 一.项目配置文件project.config.json 小程序开发者工具在每个项目的根目录都会生成一个 project.config.js ...
- 微信小程序:全局配置app.json
微信小程序:全局配置app.json 一.全局配置app.json app.json文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包 ...
随机推荐
- CTF实验吧让我进去writeup
初探题目 两个表单,我们用burp抓包试试 这时候我们发现Cookie值里有个很奇怪的值是source,这个单词有起源的意思,我们就可以猜测这个是判断权限的依据,让我们来修改其值为1,发送得到如下显示 ...
- 三、redis系列之事务
1. 绪言 Redis也提供了事务机制,可以一次执行多个命令,本质是一组命令的集合.一个事务中的所有命令都会序列化,按顺序地串行化执行而不会被其他命令插入,不许加塞.但Redis对事务的支持是部分支持 ...
- web服务端安全之暴力破解
一.暴力破解 指攻击者通过遍历或字典的方式,向目标发起大量请求,通过判断返回数据包的特征来找出正确的验证信息,从而绕过验证机制. 二.常见场景 用户登录处的账号密码暴力破解: 人机验证机制容易绕过,如 ...
- [BZOJ3560]DZY Loves Math V(欧拉函数)
https://www.cnblogs.com/zwfymqz/p/9332753.html 由于欧拉函数是积性函数,可以用乘法分配律变成对每个质因子分开算最后乘起来.再由欧拉函数公式和分配律发现就是 ...
- python开发_csv(Comma Separated Values)_逗号分隔值_常用导入导出格式_完整版_博主推荐
## 最近出了一趟差,是从20号去的,今天回来...# 就把最近学习的python内容给大家分享一下...#''' 在python中,CSV(Comma Separated Values),从字面上面 ...
- BZOJ 3751: [NOIP2014]解方程 数学
3751: [NOIP2014]解方程 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=3751 Description 已知多项式方程: ...
- Codeforces Round #358 (Div. 2) D. Alyona and Strings dp
D. Alyona and Strings 题目连接: http://www.codeforces.com/contest/682/problem/D Description After return ...
- Tasker App Factory
http://tasker.dinglisch.net/userguide/en/appcreation.html App Creation Introduction Hello World Exam ...
- MC34063A development aid
http://www.nomad.ee/micros/mc34063a/index.shtml This is a simple-minded design tool that allows you ...
- linux内核源码之基础准备篇
http://blog.csdn.net/eastmoon502136/article/details/8711104