小程序模板网

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

2018-01-04 这壁厢

经过一番努力,我的直接上司“大樱桃”终于满意了并且交给了我第一个小程序项目。小乖猴助手老沙很高兴,终于可以实际的编码了,对于一个100%的码农来说,这是何等的愉悦。这是一个家庭类的亲子小程序,第一期的需求 ...

 
 
 

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

小乖猴助手

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

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

项目的第一期规划如下:

  • 相片一箩筐 这是家庭相册集,具有相册浏览及相片拍摄/上传功能,另外还有一个点就是视频的拍摄问题。
  • 去哪儿 旅游日志类,主题思想就是父母带了孩子去哪?不用看,这肯定要用到小程序的地图组件等。
  • 生活这口大锅 生活总要有些感悟,尤其是各位奶爸奶妈们,因此这个频道是一个基于tag标签的日志系统。
  • 工作日历 每个人都渴望成长,工作日历是一个工作时间管理工具,集成了番茄钟等主流的时间管理方法。

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

技术选项

一个一个来吧

对于小程序

  • 一个小程序开发者账号,已经申请。
  • 网络通讯需要https协议,还要有一个域名。

代码管理

  • 使用github进行代码管理 https://github.com/abei2017/xgh

服务器端

  • yii2 作为开发框架,在这里老沙采用了基础版。
  • 接口支持采用RESTful,好处是yii2已经支持它了,赞。
  • 数据库仍然采用MySQL

开始实施

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

 

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

 

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

服务器问题

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

最后一个https问题

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

 

要注意:申请的域名要注意下 a.nai8.me和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、一个服务器程序就可以开始小程序了,在小程序这么火爆的当下,跟着我实战一个项目如何?学会它。



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18367.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询