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


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 相关文章推荐
IE下js调试工具Companion.JS
Oct 15 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
require.js的用法详解
Oct 20 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
Vue2几种常见开局方式详解
Sep 09 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 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开发过程中关于继承的使用方法分享
2011/06/17 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
PHP根据IP判断地区名信息的示例代码
2014/03/03 PHP
PHP模块化安装教程
2016/06/01 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
jQuery子元素过滤选择器用法示例
2016/09/09 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
Vue插件之滑动验证码
2019/09/21 Javascript
vue v-model的用法解析
2020/10/19 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
python tqdm实现进度条的示例代码
2020/11/10 Python
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
毕业生自我推荐
2013/11/04 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
年级组长自我鉴定
2014/02/22 职场文书
安踏广告词改编版
2014/03/21 职场文书
教师考察材料范文
2014/06/03 职场文书
暑期教师培训方案
2014/06/07 职场文书
2014年后勤工作总结
2014/11/18 职场文书
工作态度检讨书范文
2015/05/06 职场文书