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


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 相关文章推荐
javascript function调用时的参数检测常用办法
Feb 26 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
Mar 12 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
JS控制HTML元素的显示和隐藏的两种方法
Sep 27 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 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
广播爱好者需要了解的天线知识
2021/03/01 无线电
DIY实用性框形天线
2021/03/02 无线电
php代码优化及php相关问题总结
2006/10/09 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
JS获取input[file]的值并显示在页面的实现方法
2018/03/09 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
在Python的循环体中使用else语句的方法
2015/03/30 Python
Python实现快速计算词频功能示例
2018/06/25 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
车间班长岗位职责
2013/11/30 职场文书
播音主持专业个人自我评价
2014/01/09 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
前台岗位职责
2015/02/13 职场文书
python requests模块的使用示例
2021/04/07 Python
AngularJS实现多级下拉框
2022/03/25 Javascript