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


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 相关文章推荐
百度留言本js 大家可以参考下
Oct 13 Javascript
JavaScript变量声明详解
Nov 27 Javascript
7个jQuery最佳实践
Jan 12 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
JavaScript——DOM操作——Window.document对象详解
Jul 14 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
iview table render集成switch开关的实例
Mar 14 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
一步一步实现Vue的响应式(对象观测)
Sep 02 Javascript
JavaScript对象原型链原理解析
Jan 22 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
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
用JS实现的一个include函数
2007/07/21 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
2012/02/02 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
python集合类型用法分析
2015/04/08 Python
Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】
2017/09/28 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
高山背包:High Sierra
2017/11/23 全球购物
委托书怎么写
2014/07/31 职场文书
新生入学欢迎词
2015/01/26 职场文书
青春雷锋观后感
2015/06/10 职场文书
基层党建工作简报
2015/07/21 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript