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


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 validate.js表单验证的基本用法入门
May 13 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
VUE2.0中Jsonp的使用方法
May 22 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
JavaScript 扩展运算符用法实例小结【基于ES6】
Jun 17 Javascript
js实现开关灯效果
Mar 30 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
浅析php原型模式
2014/11/25 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
JS数组方法shift()、unshift()用法实例分析
2020/01/18 Javascript
Python中针对函数处理的特殊方法
2014/03/06 Python
python生成器generator用法实例分析
2015/06/04 Python
python添加模块搜索路径方法
2017/09/11 Python
django中的setting最佳配置小结
2017/11/21 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
基于python检查矩阵计算结果
2020/05/21 Python
django rest framework 自定义返回方式
2020/07/12 Python
python空元组在all中返回结果详解
2020/12/15 Python
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
人力资源主管职责范本
2014/03/05 职场文书
捐赠仪式主持词
2014/03/19 职场文书
家长会学生演讲稿
2014/04/26 职场文书
论文评语大全
2014/04/29 职场文书
简单租房协议书范本
2014/08/20 职场文书
优秀工作者事迹材料
2014/12/26 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
2022/08/05 Vue.js
TS 类型兼容教程示例详解
2022/09/23 Javascript