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

个人网址:weather51.com

年前,利用业余时间开发了一个天气类的微信小程序,请先看效果:

开发基于位置的天气微信小程序_第1张图片开发基于位置的天气微信小程序_第2张图片开发基于位置的天气微信小程序_第3张图片开发基于位置的天气微信小程序_第4张图片

主要开发过程如下:

1、小程序注册及开发准备

https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2017118

2、搭建微信小程序服务端

小程序后台服务需要通过 HTTPS 访问,在开发之前,我们要准备域名和 SSL 证书。

 2.1 租用云服务器

         如果自己没有外网服务器,可以租用腾讯云、阿里云等云服务器

开发基于位置的天气微信小程序_第5张图片

2.2 注册域名

如果没有域名,可在腾讯云、阿里云上选购

2.3 网站备案

国内的服务器域名需要进行备案,备案流程https://beian.aliyun.com/

开发基于位置的天气微信小程序_第6张图片

2.4  域名解析

域名购买完成后, 需要将域名解析到云主机上。

在腾讯云或阿里云购买的域名,可以到控制台添加解析记录

开发基于位置的天气微信小程序_第7张图片

2.5  申请SSL证书

可以到腾讯云上申请免费的SSL证书,地址:https://buy.cloud.tencent.com/ssl?fromSource=ssl

开发基于位置的天气微信小程序_第8张图片

审批通过后,可以到 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 编写代码

然后上传代码,发布,就可以在微信平台上有自己的作品了。

你可能感兴趣的:(移动端开发)