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


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 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
地址栏传递中文参数乱码在js里用escape转码
Aug 28 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
Mar 20 Javascript
jQuery冲突问题解决方法
Jan 19 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中实现简单的ACL 完结篇
2011/09/07 PHP
php读取csc文件并输出
2015/05/21 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
js操作二级联动实现代码
2010/07/27 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
jQuery实现的仿百度分页足迹效果代码
2015/10/30 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
Python Subprocess模块原理及实例
2019/08/26 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
CSS3中box-shadow的用法介绍
2015/07/15 HTML / CSS
亚洲领先的设计购物网站:Pinkoi
2020/11/26 全球购物
高中毕业自我鉴定
2013/12/22 职场文书
中学生校园广播稿
2014/01/16 职场文书
《太阳》教学反思
2014/02/21 职场文书
《莫高窟》教学反思
2014/02/25 职场文书
上海世博会口号
2014/06/19 职场文书
绿色环保倡议书
2015/04/28 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript