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


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的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
jQuery 树形结构的选择器
Feb 15 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
Jun 23 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
微信小程序实现电影App导航和轮播
Nov 30 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
PHP判断JSON对象是否存在的方法(推荐)
2016/07/06 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
js表格分页实现代码
2009/09/18 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
jQuery对val和atrr("value")赋值的区别介绍
2014/09/26 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Python 专题一 函数的基础知识
2017/03/16 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
html5中localStorage本地存储的简单使用
2017/06/16 HTML / CSS
全球性的在线购物网站:Zapals
2017/03/22 全球购物
小学清明节活动总结
2014/07/04 职场文书
机关作风建设工作总结
2014/10/23 职场文书
2015年安全生产管理工作总结
2015/05/25 职场文书
公司酒会致辞
2015/07/30 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
「约定的梦幻岛」作画发布诺曼生日新绘
2022/03/21 日漫