开发基于位置的天气微信小程序
个人网址:weather51.com
年前,利用业余时间开发了一个天气类的微信小程序,请先看效果:
主要开发过程如下:
1、小程序注册及开发准备
https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2017118
2、搭建微信小程序服务端
小程序后台服务需要通过 HTTPS 访问,在开发之前,我们要准备域名和 SSL 证书。
2.1 租用云服务器
如果自己没有外网服务器,可以租用腾讯云、阿里云等云服务器
2.2 注册域名
如果没有域名,可在腾讯云、阿里云上选购
2.3 网站备案
国内的服务器域名需要进行备案,备案流程https://beian.aliyun.com/
2.4 域名解析
域名购买完成后, 需要将域名解析到云主机上。
在腾讯云或阿里云购买的域名,可以到控制台添加解析记录,
2.5 申请SSL证书
可以到腾讯云上申请免费的SSL证书,地址:https://buy.cloud.tencent.com/ssl?fromSource=ssl
审批通过后,可以到 SSL 控制台下载您的证书文件。
2.6 搭建https服务
参考:http://blog.
****.net/ljhjay/article/details/51822097
2.6.1 安装Nginx、nodejs
2.6.2 配置https反向代理
一旦你已经拥有SSL证书和一个私钥你就可以在Ngnix配置SSL.修改配置如下:
server {
listen 80;
listen 443 ssl;
server_name weather51.com;
ssl_certificate /etc/
nginx/ssl/1_weather51.com_bundle.crt;
ssl_certificate_key /etc/nginx/ssl/2_weather51.com.key;
location / {
proxy_pass http://localhost:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
location /public {
root /data/public;
}
}
2.7 利用nodejs的express和request模块构建restful风格的气象数据访问接口
3、开发小程序
3.1 配置小程序服务器信息
登录微信公众平台后,依次进入 设置- 开发设置- 服务器域名 - 修改。
扫码完成身份校验后,request 合法域名和 socket 合法域名均填写在上一步准备好的域名地址。
配置完成后,点击 保存并提交。