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


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 相关文章推荐
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
在浏览器中获取当前执行的脚本文件名的代码
Jul 19 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
jfinal与bootstrap的登录跳转实战演习
Sep 22 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
validform表单验证的实现方法
Mar 08 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
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内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
原生js实现日期联动
2015/01/12 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
python访问类中docstring注释的实现方法
2015/05/04 Python
python tkinter实现屏保程序
2019/07/30 Python
python 字典访问的三种方法小结
2019/12/05 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Django values()和value_list()的使用
2020/03/31 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
软件工程师面试题
2012/06/25 面试题
中学运动会广播稿
2014/01/19 职场文书
竞选班委演讲稿
2014/04/28 职场文书
物流管理专业自荐信
2014/06/23 职场文书
银行求职信模板
2015/03/20 职场文书
舞出我人生观后感
2015/06/16 职场文书
react国际化react-intl的使用
2021/05/06 Javascript
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
MySQL系列之二 多实例配置
2021/07/02 MySQL
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
Python中的嵌套循环详情
2022/03/23 Python