微信小程序实战篇:如何解决https域名问题 ?

Java范思哲 2018-02-28 16:28:23 ⋅ 125 阅读


为了能在小程序中调用我们自己的API服务,让我们来看看微信官网是怎么要求的吧!

API要求

基本为以下几点

  1. 拥有一台云服务器

  2. 拥有一个ICP备案的域名

  3. Nginx配置HTTPS

注意:本章我们主要讲解怎么在Nginx上配置HTTPS,服务器和备案请根据自己的情况进行请谅解

下面我们就一步一步的解决这几点问题

首先服务器

买、买、买
服务器的话建议购买阿里云的轻量应用服务器做学习使用,下面是阿里云地址

  • 轻量应用服务器

ICP备案的域名

公网的网站不备案怎么能行,老老实实找上传资料做备案吧

  • 阿里云备案详细文档

  • 阿里云的备案的入口

    阿里云备案流程

一共需要5个环节,在第3个环节阿里备案服务人员会在1个工作日帮你检查备案资料并反馈到你,当阿里云初审完成就是他们帮你提交管局审核了,这个时间会比较长10-20天的样子

获取SSL证书

获取SSL有多种方式这里提供阿里云的免费获取方式

  • 购买阿里云证书服务

  • 选择保护类型为"一个域名"


    选择保护类型为"一个域名"

  • 选择品牌为Symantec


    选择品牌为Symantec

  • 选择证书类型“免费DV SSL”


    选择证书类型“免费DV SSL”

如果对SSL要求高可以选择专业付费版的

下载SSL证书

  • 进入阿里云控制台

  • 进入CA证书服务


    进入CA证书服务

  • 下载证书


    下载证书

安装证书到Nginx

文件说明:

  1. 证书文件214493667260365.pem,包含两段内容,请不要删除任何一段内容。

  2. 如果是证书系统创建的CSR,还包含:证书私钥文件214493667260365.key。

( 1 ) 在Nginx的安装目录下创建cert目录,并且将下载的全部文件拷贝到cert目录中。如果申请证书时是自己创建的CSR文件,请将对应的私钥文件放到cert目录下并且命名为214493667260365.key;

( 2 ) 打开 Nginx 安装目录下 conf 目录中的 nginx.conf 文件,找到:

server {
    listen 443;
    server_name localhost;
    ssl on;
    root html;
    index index.html index.htm;
    ssl_certificate   cert/214493667260365.pem;
    ssl_certificate_key  cert/214493667260365.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;
    }
}

( 3 ) 将其修改为 (以下属性中ssl开头的属性与证书配置有直接关系,其它属性请结合自己的实际情况复制或调整) :

server {
    listen 443;
    server_name localhost;
    ssl on;
    root html;
    index index.html index.htm;
    ssl_certificate   cert/214493667260365.pem;
    ssl_certificate_key  cert/214493667260365.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;
    }
}

保存退出。

( 4 )重启 Nginx。

激动人心的时刻到了,看看你的网站是不是多了一把小绿锁了!

FAQ: PIP 问题

修改pip配置

> vi ~/.pip/pip.conf

修改配置内容如下

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/
 [install]
trusted-host=mirrors.aliyun.com


更多精彩内容就关注“IT实战联盟”吧!!!



全部评论: 0

    我有话说:

    程序实战:商品属性联动选择(案例)

    本期的程序实战来做一个电商网站经常用到的-商品属性联动选择的效果,素材参考了一点点

    程序电商实战-首页(下)

    上一程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    程序电商实战-首页(上)

    上一程序电商实战-入门 嗨,大家好!经过近两周的精心准备终于开始程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    程序商城(一):https框架搭建并实现导航功能

    本文将带领大家搭建https程序框架,并实现动态获取数据展示效果!

    程序实战:基于wxcharts.js绘制移动报表

    程序图表插件(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......

    程序电商实战-入门

    程序开发工具有新版本更新啦!开发体验更好了,接下来一起为电商程序做一下准备前期准备工作~~

    程序抖音实战-首页(上)

    你也可以用程序编写一个抖音

    程序实现商品数量加减

    这是一个用程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用

    程序实战程序之页面数据传递

    我们在写程序的时候经常会遇到子页面向主页面回传数据或者普通页面跳转到tabBar 页面携带数......

    程序实战实现抖音评论效果

    我们在写程序的时候经常会遇到弹出层的效果而现有官网提供的跳转方法多数是不支持参数传递的。本文教大家做一个抖音评论效果的程序......

    程序商城(七):动态API实现商品分类

    程序商品分类页面布局并且调用动态API获取数据并加载

    程序电商实战-商品详情(上)

    先看一下今天要实现程序商品详情页吧!

    程序商城(九):授权并实现个人中心页面页面

    实现商城的授权并获取用户信息和个人中心页面布局

    程序电商实战-商品列表流式布局

    今天给大家分享一下程序中商品列表的流式布局方式,根据文章内容操作就可以看到效果哦~~~

    程序电商实战-购物车(上)

    好久没更新程序电商实战的文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间的。在这几天将会有新版的 程序电商教程推出.......

    程序抖音实战-首页(下)

    抖音程序首页动态数据获取

    程序 - iconfont 图标字体

    你还在使用图片作为程序的图标?大猪告诉大家如何程序上使用iconfont字体图标

    程序电商实战-购物车(下)

    我们继续接着昨天的购物车写,主要把剩下的数量加减 template 模板、选中计算功能实现掉!