开发基于位置的天气微信小程序

个人网址: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.

csdn.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_upgrad
e;

  }
  location /public {
    root /data/public;
  }

}

2.7 利用nodejs的express和request模块构建restful风格的气象数据访问接口

3、开发小程序

3.1 配置小程序服务器信息

登录微信公众平台后,依次进入 设置- 开发设置- 服务器域名 - 修改。

扫码完成身份校验后,request 合法域名和 socket 合法域名均填写在上一步准备好的域名地址。 
配置完成后,点击 保存并提交。

3.2 设计界面
3.3 编写代码
然后上传代码,发布,就可以在微信平台上有自己的作品了。
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值