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


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中的float运算精度实例分析
Aug 21 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
Sep 30 Javascript
JS简单生成由字母数字组合随机字符串示例
May 25 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
Apr 10 Javascript
Electron-vue开发的客户端支付收款工具的实现
May 24 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 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 session_start()问题解疑(详细介绍)
2013/07/05 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
PHP下用Swoole实现Actor并发模型的方法
2019/06/12 PHP
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
python和flask中返回JSON数据的方法
2018/03/26 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
大专学生推荐信范文
2013/11/19 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
统计专业自荐书
2014/07/06 职场文书
论群众路线学习笔记
2014/11/06 职场文书
优秀党员先进材料
2014/12/18 职场文书
民主生活会主持词
2015/07/01 职场文书
python爬虫selenium模块详解
2021/03/30 Python
MyBatis 动态SQL全面详解
2021/10/05 MySQL