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


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 相关文章推荐
预加载css或javascript的js代码
Apr 23 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
javascript使用appendChild追加节点实例
Jan 12 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
Angular数据绑定机制原理
Apr 17 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
微信小程序实现签到功能
Oct 31 Javascript
vue-cli3 karma单元测试的实现
Jan 18 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 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
web方式ftp
2006/10/09 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
VPS中使用LNMP安装WordPress教程
2014/12/28 PHP
网页编辑器ckeditor和ckfinder配置步骤分享
2012/05/24 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
DOM 事件流详解
2015/01/20 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
wxpython中利用线程防止假死的实现方法
2014/08/11 Python
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
python使用Apriori算法进行关联性解析
2017/12/21 Python
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
Python celery原理及运行流程解析
2020/06/13 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
绩效专员岗位职责
2013/12/02 职场文书
党校培训思想汇报
2014/01/03 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
体育运动口号
2014/06/09 职场文书
材料化学专业求职信
2014/07/15 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2014年底个人工作总结
2015/03/10 职场文书