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


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验证库知识点的详解
Apr 26 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
Jun 05 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
JavaScript禁止微信浏览器下拉回弹效果
May 16 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
javaScript实现滚动条事件详解
Mar 24 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
ant design vue的form表单取值方法
Jun 01 Vue.js
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 会话(session 时间设定)使用入门代码
2008/06/05 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
php中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
thinkphp分页实现效果
2016/10/13 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
文本框只能选择数据到文本框禁止手动输入
2013/11/22 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
微信公众号 摇一摇周边功能开发
2016/12/08 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
Python中的类学习笔记
2014/09/23 Python
Python 专题二 条件语句和循环语句的基础知识
2017/03/19 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
员工薪酬福利制度
2014/01/17 职场文书
大堂副理的岗位职责范文
2014/02/17 职场文书
个人函授自我鉴定
2014/03/25 职场文书
健康教育评估方案
2014/05/25 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
最新的离婚协议书范本!
2019/07/02 职场文书
django上传文件的三种方式
2021/04/29 Python
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript