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


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操作ACCESS数据库(读增改删)的代码
May 14 Javascript
基于Jquery的淡入淡出的特效基础练习
Dec 13 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
canvas红包照片实例分享
Feb 28 Javascript
Angularjs中date过滤器失效的问题及解决方法
Jul 06 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
微信小程序实现折线图的示例代码
Jun 07 Javascript
JS实现图片幻灯片效果代码实例
May 21 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 解决utf-8和gb2312编码转换问题
2010/03/18 PHP
php实现简易计算器
2020/08/28 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
2015/10/14 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
python enumerate内置函数用法总结
2020/01/07 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
解释下面关于J2EE的名词
2013/11/15 面试题
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
办公室前台岗位职责范本
2013/12/10 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
2014年党总支工作总结
2014/12/18 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
营运督导岗位职责
2015/04/10 职场文书
小学教研工作总结2015
2015/05/13 职场文书
医院病假条范文
2015/08/17 职场文书
win11怎么用快捷键锁屏? windows11锁屏的几种方法
2021/11/21 数码科技