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

小乖猴助手

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

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

alt

项目的第一期规划如下:

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

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

技术选项

一个一个来吧

对于小程序

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

代码管理

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

服务器端

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

开始实施

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

alt

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

alt

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

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

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

alt

要注意:申请的域名要注意下 a.nai8.me和b.nai8.me是两个证书。

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

alt

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

alt

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

当然腾讯云给了很全面的教程,如果你也使用腾讯云,可以参考下面的教程 https://cloud.tencent.com/doc...

https配置完成

alt

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

还差一步了

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

alt

不同的场景可以使用不同的域名,我这里都是用https://xgh.nai8.me

这个设置也很容易,还是在小程序管理后台 - 设置 - 开发设置里就可以设置。

alt

当然在开发的时候也可以不用https,只需要配置开发工具中的 不校验安全域名、TLS 版本以及 HTTPS 证书 即可。

为了一次搞定,我没有采用这个配置。

最后要说的

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

入门微信小程序[第六篇]微信小程序 -- 大樱桃的安排相关推荐

  1. 计算机病毒科学小故事,关于科学小故事【六篇】

    [导语]通过或富于智慧或充满想象.或饱含大爱或寄寓深情的故事,孩子们能看到世间的善恶,并拓宽心中的天地. 不刮胡子的小猫[篇一] 小猫和小刺猬是好朋友. 一天,它们聊起了家常. 小刺猬说:" ...

  2. 微信小程序第六篇:元素吸顶效果实现

    系列文章传送门: 微信小程序第一篇:自定义组件详解 微信小程序第二篇:七种主流通信方法详解 微信小程序第三篇:获取页面节点信息 微信小程序第四篇:生成图片并保存到手机相册 微信小程序第五篇:页面弹出效 ...

  3. 【微信小程序丨第二篇】小程序的基本目录结构与文件作用剖析

    前言 小程序框架的⽬标是通过尽可能简单.⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务. ⼩程序框架提供了⾃⼰的视图层描述语⾔ WXML 和 WXSS ,以及 JavaScript ,并在 ...

  4. 走进小程序【六】微信小程序架构之【视图层】万字详解

    文章目录

  5. 微信快速开发框架(六)-- 微信快速开发框架(WXPP QuickFramework)V2.0版本上线--源码已更新至github...

    4月28日,已增加多媒体上传及下载API,对应MediaUploadRequest和MediaGetRequest ------------------------------------------ ...

  6. 微信第三方平台【六】微信开放平台帐号管理

    这个得根据自己的业务需求来做 1.一个小程序一个开放平台账号 使用    创建开放平台帐号并绑定公众号/小程序  [参照官方文档] 2.多个小程序绑定到一个开放平台账号 使用    将公众号/小程序绑 ...

  7. 【MySQL入门指北】第六篇 按条件筛选

    SQL 按条件筛选 文章目录 SQL 按条件筛选 1.WHERE 子句 2.WHERE 语法 3.缺失值 总结 1.WHERE 子句 WHERE 子句用于过滤记录.WHERE 子句用于提取那些满足指定 ...

  8. Unity发布小游戏(六):小游戏的运行与测试

    上篇介绍了Unity小游戏打包和上传部署到CCD服务器,本篇介绍Unity小游戏的运行和测试. 首先,先下载测试工具MegaAppSample的apk,安装到Android手机上. 安装成功后,点击运 ...

  9. 单片机六位抢答器c语言程序,单片机六人抢答器程序.doc

    题目如下:六人抢答器,以拨动开关K0~K5中的某个开关为ON作为抢答按键,无人抢答时,6只数码管循环轮流显示1~6跑马,谁先抢答,数码管停止跑马,6个数码管同时亮谁的编号,气候再有按键按下,系统不予回 ...

最新文章

  1. 新的mysql如何使用_如何使用新的MySQL更新日志
  2. Android10.0应用进程创建过程以及Zygote的fork流程-[Android取经之路]
  3. 结对代码 复审 意见
  4. python的设计模式之MVC模式
  5. 使用SDL打造游戏世界之入门篇 - 6
  6. [iOS] dom解析xml数据,拿到lt;gt;里面的值
  7. Lintcode99 Reorder List solution 题解
  8. 部署flas到服务器:No module named flask
  9. 使用Anaconda进行环境和包的管理
  10. R循环有两个_循环子群
  11. cuSPARSE库:(二)静态库的支持
  12. Addressable系统的加载资源API总结
  13. ls一1测距仪说明书_小米又推爆品:99元杜克LS-P激光测距仪,已获红点和iF大奖...
  14. 【报告分享】2020中国教育行业生存实录.pdf(附下载链接)
  15. 谷歌安全研究员发现3个 Apache Web 服务器软件缺陷
  16. UnityGI5:实时 GI 与光探代理体
  17. 配置 .vimrc 解决 Vim / gVim 在中文 Windows 下的字符编码问题
  18. 如何使用计算机讲解ppt,如何录制PPT讲解视频?
  19. 浙大PAT 1051
  20. JDK源码阅读之Long

热门文章

  1. 眼图matlab仿真_MATLAB开发自动驾驶第二十课-自动驾驶场景设计器中的预建驾驶场景...
  2. SQL 取空格右边的字符_从零学会SQL,第2关
  3. python的书籍推荐_python 书籍推荐
  4. linux命令中info,Linux中zipinfo命令起什么作用呢?
  5. vc mysql query_我要使用mysql_query()这个函数,在VC中需要做什么工作?
  6. Android Studio出现R.raw文件标红找不到错误(有多个模块的Project)
  7. Python用正则表达式匹配ABAC和AABB的词语
  8. wxpython开发实例_Python中使用wxPython开发的一个简易笔记本程序实例
  9. python线程数组_Python多线程
  10. 加密芯片——3DES算法特点与应用注意事项