本篇文章主要讲述3个方面的内容,如下:

1、SSL证书的获取

2、服务器 Nginx SSL 证书的配置。

3、如何兼容80端口和443端口以及为什么要同时兼容这两个端口。

1、SSL证书的获取

https 是微信小程序官方规定的,必须实现服务器的https 访问。那么就涉及到SSL证书了。目前市场上有好多专门的服务器在做SSL服务,SSL也根据不同的证书标准分为了不同的等级,当然根据不同的服务标准,收费的标准也是不一样的。我这里介绍几个可以免费申请SSL证书的平台。 腾讯云平台 、阿里云平台等。这些都是可以免费申请SSL的。

腾讯云 SSL证书免费获取说明URL https://jingyan.baidu.com/article/c14654138cfd930bfdfc4c10.html

2、服务器 Nginx SSL 证书的配置

直接上代码,看如下Nginx.conf 代码片段

server {

listen 443 ssl;

ssl on;

ssl_certificate_key /usr/local/ssl/2_www.xxxxxx.com.key;

ssl_session_cache shared:SSL:1m;

ssl_session_timeout 5m;

#charset koi8-r;

location / {

root /var/www/pcms;

index index.html index.htm index.php;

}

#error_page 404 /404.html;

其中 ssl_certificate 和 ssl_certificate_key 就是我们在云平台上免费得到的两个证书,分别配置好就可以了。

3、如何兼容80端口和443端口以及为什么要同时兼容这两个端口

通过第2步Nginx 的配置且重启后,就可以进行https 访问了。但是又一个问题出现了。就是我们之前的网站是 http 访问的。里面的资源,比方说已经有的图片存储路径,都是http访问的。这样配置后,发现好多之前的图片访问不了了。所以我们在这里,在 443 的基础上,还需要同时兼容原来的80端口,实现https 和 http 都可以正常访问才可以。配置两个端口同时兼容,有两种方法,方法一是可以通过 rewrite 配置,使http 访问目标网站的链接,自动转换成 https 来访问。这样可以解决问题。我这里说下第二种方法,通过Nginx 配置来实现,如下:

server {

listen 80;

listen 443 ssl;

# ssl on;

ssl_certificate_key /usr/local/ssl/2_www.xxxxxx.com.key;

ssl_session_cache shared:SSL:1m;

ssl_session_timeout 5m;

#charset koi8-r;

location / {

root /var/www/pcms;

index index.html index.htm index.php;

}

#error_page 404 /404.html;

需要特别注意的是: ssl on;必须注释掉。

通过以上的3个步骤,基本上你的https 就配置好了。可以正常使用了。

微信小程序开发之https服务器搭建三步曲的更多相关文章

  1. 微信小程序开发之https从无到有

    本篇不讲什么是https,什么是SSL,什么是nginx 想了解这些的请绕道,相信有很多优秀的文章会告诉你. 本篇要讲的在最短的时间内,让你的网站从http升级到https. 开始教程前再说一句:ht ...

  2. 微信小程序接入,https服务器搭建和调试

    在进行小程序开发时候,调试时候,希望在本地搭建一个https环境. 准备条件: 1.公网主机(阿里云或者腾讯云主机) 2外网访问工具natapp 步骤: 1.在主机上安装nginx(nginx转发到n ...

  3. 微信小程序开发之picker选择器组件用法

    picker组件时一个从底部弹起的可滚动的选择器(嵌入页面滚动器组件picker-view查看https://mp.weixin.qq.com/debug/wxadoc/dev/component/p ...

  4. 微信小程序开发之formId使用(模板消息)

    基于微信小程序的模板消息:基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验.模板推送位置:服务通知模板下发条件:用户本人在微信体系内与页面有交互 ...

  5. 微信小程序开发之picker

    一.绑定简单数组 通过bindChange控制index,使得当前选择值发生改变 示例1 data: { Data: ['A','B'], Index: 0, }, <picker class= ...

  6. 微信小程序开发之scroll-view

    本文主要介绍通过scroll-view实现回至顶部,如下效果 一.页面代码 顶部的工具栏放一个查找按钮,滚动区域实现分页,目的就是为了点击上一页\下一页时,自动回到顶部. scroll-view必须指 ...

  7. 微信小程序开发之http到https的转化

    小程序从公布到现在已经过去好几个月了,本来从小程序发布出来就准备抱着微信的大腿进行一波小程序开发的,但是由于公司项目小程序暂时不支持,也就只能一直搁浅.过年过来偶然和朋友谈起小程序,觉的工作再忙也得找 ...

  8. 微信小程序开发之IOS/Android兼容坑(持续更新)

    一.时间转换问题: 这不只是小程序上面的问题是ios系统 都有这个问题就是new  Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解 ...

  9. 微信小程序开发之tab导航栏

    实现功能: 点击不同的tab导航,筛选数据 UI:   js: data:{ navbar: ['半月维保', '季度维保', '半年维保',"年度维保"],    //count ...

随机推荐

  1. 现在就去100offer 参加互联网人才拍卖! 现在登录现在注册 为什么整个互联网行业都缺前端工程师?

    现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,上市公司乃至巨头,这个问题也一样存在.没错,优秀的前端工程师简直比大熊猫还稀少. 每天,100offer的HR群都有人在吐槽招不到前端工 ...

  2. 二、检索语句 SELECT、ORDER BY、WHERE

    介绍如何使用SELECT语句从表中检索一个或多个数据列   第二章: SELECT语句 SQL语句可以在一行给出,也可以分成许多行,分成多行更容易调试. 多条SQL语句必须以分号 分隔.多数DBMS不 ...

  3. img点击放大的js实现

    业务需要,从后台获取图片列表,用img标签展示,由于图片太小看不清,需要点击放大,类似如下效果: 点击后放大(由于图片高度超出了页面,需要通过overflow:auto;设置滚动条,点击放大图片回到列 ...

  4. python基础之数据类型初始

    变量 贴标签 变量名规则:只能是字母下划线和数字组成,不能以数字开头,不能和关键字同名,不能使用拼音和中文,具有可描述性,区别大小写,变量名推荐写法:驼峰提,下划线(官方推荐) 变量赋值 常量 特性: ...

  5. Java面试宝典(2)Java基础部分

    31.String s = "Hello";s = s + " world!";这两行代码执行后,原始的String对象中的内容到底变了没有? 没有.因为Str ...

  6. SpringMVC学习(6):数据验证

    在系列(4).(5)中我们展示了如何绑定数据,绑定完数据之后如何确保我们得到的数据的正确性?这就是我们本篇要说的内容 -> 数据验证. 这里我们采用Hibernate-validator来进行验 ...

  7. mysql数据库用户权限设置

    设置用户权限:格式:grant 权限列表 on 数据库名.表名 to '用户名'@'来源地址' identified by '密码'; * 权限列表:用于列出授权的各种数据库操作,通过逗号进行分割,如 ...

  8. Spyder中的一些快捷键

    熟练spyder中的一些快捷键后,能极大提升code效率. 这里列出常用的快捷键.(注:在spyder导航栏Tools-Preferences-Keyboard shortcut中有所有的快捷键) T ...

  9. ubuntu:beyond compare 4 This license key has been revoked 解决办法

    错误如图所示: 解决办法: (1)先用find命令找到bcompare所在位置:sudo find /home/ -name '*bcompare' ()进入 /home/whf/.config,删除 ...

  10. 125K低频唤醒芯片SI393可替代AS3933,GS3933

    2020年即将推出性能最出色的15–150kHz频率范围.3通道低频唤醒接收器,且具备自动天线调谐功能. SI393是15–150kHz频率范围.3通道低频唤醒接收器,且具备自动天线调谐功能,在软硬件 ...