微信小程序(应用号)微信小程序开发小程序学习

小北微信小程序小白系列教程第五篇-- 项目实战(小乖猴助手小程序

2017-11-29  本文已影响56人  极乐叔

经过一番努力,我的直接上司“大樱桃”终于满意了并且交给了我第一个小程序项目。

小乖猴助手

老沙很高兴,终于可以实际的编码了,对于一个100%的码农来说,这是何等的愉悦。

这是一个家庭类的亲子小程序,第一期的需求如下,老沙先看了一下首页图。

项目的第一期规划如下:

当然上面也仅仅是一个大纲,具体做的时候还要详细说,老沙今天的任务是进行技术选型并提交给大樱桃。

技术选项

一个一个来吧

对于小程序

代码管理

服务器端

开始实施

小程序开发者账号的申请并不复杂,按照微信官方来就成了,一些天后老沙申请到了。


申请很容易就成功了,老沙还传了一个logo,这个logo会出现在小程序的页面头部,如下图。

小技巧:微信小程序的图标修改地址为 小程序管理后台 --- 设置 --- 小程序头像设置链接。

服务器问题

这个不是问题,老沙公司的服务器使用的是腾讯云,上面有很多yii2的程序了,所以这个问题就过了,对这里不懂的同学可以看下 《90个小时》课程

http://nai8.me/course-book.ht...

最后一个https问题

https有免费的和收费的,现在腾讯云提供免费1年的,如果你的腾讯云也是如此,可以去申请,速度很快,基本几个小时就通过了。

要注意:申请的域名要注意下

http://a.nai8.mehttp://b.nai8.me 是两个证书。

申请成功后下载证书到你的服务器,然后需要配置web服务器。

因为老沙的开发域名https://xgh.nai8.me,服务器是nginx,因此需要配置nginx上此域名的文件,如下图,加几行代码即可。

首先要监听443端口,然后进行ssl证书的配置,为了过渡,我也暂留了80端口。

当然腾讯云给了很全面的教程,如果你也使用腾讯云,可以参考下面的教程

https://cloud.tencent.com/doc...

https配置完成

小提示:用composer安装yii2程序时候,配置https可能显示不安全,主要是默认的yii2程序布局有http://www.yiiframework.com导致,不影响。

还差一步了

现在小程序appid有了,https有了,服务器程序有了,接下来差一步就可以开发了,当我们配置了https的域名后,还需要给小程序绑定下,在开发工具上的体现就是。

不同的场景可以使用不同的域名,我这里都是用https://xgh.nai8.me这个设置也很容易,还是在小程序管理后台 - 设置 - 开发设置里就可以设置。

当然在开发的时候也可以不用https,只需要配置开发工具中的不校验安全域名、TLS 版本以及 HTTPS 证书即可。为了一次搞定,我没有采用这个配置。

最后要说的

一个appid、一个https、一个服务器程序就可以开始小程序了,在小程序这么火爆的当下,跟着我实战一个项目如何?学会它。

相关阅读:

小北微信小程序小白系列教程第四篇-- 脚本语言(WXS)

小北微信小程序小白系列教程第三篇-- 样式(WXSS)

小北微信小程序小白系列教程第二篇 -- 入口

小北微信小程序小白系列教程第一篇-- Hello World

本文作者:北哥 个人站长 @ 北哥兄弟连
原文地址:小北微信小程序之小白教程系列之-项目实战(小乖猴助手小程序) ...-实战教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟

上一篇 下一篇

猜你喜欢

热点阅读