本地搭建微信小程序服务器的实现方法


Posted in Javascript onOctober 27, 2017

本地搭建微信小程序服务器的实现方法

现在开发需要购买服务器,价格还是有点贵的,可以花费小代价就可以搭建一个服务器,可以用来开发小程序,博客等。

1.域名(备案过的) 
2.阿里云注册免费的https证书 
3.配置本地的nginx 
4.内网映射(本地安装wampserver 服务器)

一、域名

注册花生壳,开通内网映射需要8元(我开通时需要,现在不清楚还要不要),里面可以注册2个免费的域名,都是免备案的。具体的请自行百度,花生壳注册地址

本地搭建微信小程序服务器的实现方法

二、申请阿里云免费的https证书

阿里云免费的https证书地址 

这个步骤相对来说比较简单,需要注意的地方也不多,按照阿里云官方的提示来,就能够操作成功了。值得注意的是你在申请证书过程中,证书是免费的,你不用付费,但是需要下单,下单完成后需要完善你的域名信息,然后提交审核。审核完成后,官方自动给你发放证书,顺利的话一个小时就能搞定。

本地搭建微信小程序服务器的实现方法

注意: 

1.通过花生壳,内网映射出本地的访问地址 

2.把阿里云证书补全信息的域名填写完成后,阿里云会进入 审核中,需要下载他的一个fileauth.txt 文件 

i.在进度查询页面,单击 fileauth.txt 验证文件,下载到本地。 

ii.在您的站点服务器的根目录创建.well-known/pki-validation,创建文件夹Windows命令是 md ".well-known" 子目录pki-validation。 

iii.将 fileauth.txt 验证文件上传到.well-known/pki-validation目录下 目录。 完成后,可通过验证 URL 地址(http://a.com/.well-known/pki-validation/fileauth.txt )访问。 参考如何配置域名授权验证?

三、配置本地的nginx(主要是Apache的https配置太繁琐了)

下载证书文件

本地搭建微信小程序服务器的实现方法

image.png 
配置nginx中的nginx.conf文件,证书要放在conf/cert目录下,具体的代码

server {
 listen 443;
 server_name 11.168.1.150;
 ssl on;
 root "D:/works/wamp";
 charset utf-8;
 index index.html index.htm;
 ssl_certificate cert/214296869710097.pem;#替换成你的文件
 ssl_certificate_key cert/214296869710097.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 "D:/works/wamp";
  index index.html index.htm index.php;
  proxy_pass http://11.168.1.150:8081;
 }
}

四、配置花生壳的内网映射

注意: 

花生壳的映射不能设置为80端口的映射(我也没找到原因在哪,客服反馈是要设置自定义端口)

本地搭建微信小程序服务器的实现方法

成功之后,对外访问的地址

本地搭建微信小程序服务器的实现方法

最后上个配置成功后,请求的效果吧!

本地搭建微信小程序服务器的实现方法

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
突发奇想的一个jquery插件
Nov 19 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
JavaScript表达式:URL 协议介绍
Mar 10 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
Angular JS数据的双向绑定详解及实例
Dec 31 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
小程序云开发教程如何使用云函数实现点赞功能
May 18 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 #Javascript
浅析Javascript中双等号(==)隐性转换机制
Oct 27 #Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 #Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 #Javascript
vue-resource拦截器设置头信息的实例
Oct 27 #Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 #Javascript
vue2里面ref的具体使用方法
Oct 27 #Javascript
You might like
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
vue iview实现动态路由和权限验证功能
2018/04/17 Javascript
vuex操作state对象的实例代码
2018/04/25 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
2019/05/13 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
pymongo实现多结果进行多列排序的方法
2015/05/16 Python
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
python安装教程 Pycharm安装详细教程
2017/05/02 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
python读取文本中数据并转化为DataFrame的实例
2018/04/10 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
详解Python多线程下的list
2020/07/03 Python
墨西哥网上超市:Superama
2018/07/10 全球购物
区域销售经理职责
2013/12/22 职场文书
高中生班主任评语
2014/04/25 职场文书
幼儿园标语大全
2014/06/19 职场文书
社团活动总结模板
2014/06/30 职场文书
家庭财产分割协议书范本
2014/11/24 职场文书
小学国庆节活动总结
2015/03/23 职场文书
2016年“我们的节日·重阳节”主题活动总结
2016/04/01 职场文书