距离项目结束已经五个月左右了,时间久远,很多细节已经记不清了,但还是做个总结,算是对自己的总结吧。

一. 前期准备

1.云服务器
微信小程序需要用到服务器,比较后选择了使用阿里云的ECS云服务器,因为便宜(学生优惠大概10元/月);也可以使用轻量服务器,在用户数量级不大的情况下二者区别不大。

2.域名
买的是top后缀的域名,因为便宜,名字的话自己起。

3.对网站安全有要求的,可以申请SSL证书,以及开启全栈加速,都是有免费的选项的。具体操作可查看阿里云栖社区。以后有机会会补上。

4.用微信账号申请小程序号,会给一个appid和密钥,以后有用。

二.设计

  1. 请来了设计学院的同学,都是大佬,给小程序设计了UI。
  2. 设计页面逻辑,既跳转逻辑。
  3. 让大佬们提供了使用的图片的大小(px,rpx:小程序的单位)等信息。
  4. 设计数据库。具体到表名和属性名,每个表有哪些属性一定要考虑周全,要不然用到时候再添比较麻烦。尽量少用布尔型,表示状态的属性可以用整型,毕竟不一定只有0和1两个状态。

设计还是蛮重要的,直接影响最后的用户体验,当然程序员也不能拉跨QAQ。

三.前端

1.写前端自然要用到html5/css3。但是小程序前端用的是自己的语言,但是基本语法都大差不差的,正所谓触类旁通。
2.跟着设计大佬们的模板尽量把前端做成和设计稿上的一样。
3.前端坑不多,就是要注意单位,注意各个模块的命名,但想要做的很漂亮还是需要熟练的技术滴。

四.后端+数据库

1.后端是花费最长时间的。这次使用的是PHP(全世界最好的语言),完全没学过啊,硬着头皮网上找模板,读代码,稍微能看懂了,就开始一通瞎写,踩了不少坑。
2.大致的数据传输过程就是,前端获取用户输入,小程序后端取前端的属性,通过appid和密钥与php文件连接之后,传到数据库。
2.最大的坑在于微信小程序的JS,真的非常难用,页面之间传值很不方便。传个数据,前端传后端,后端传前端,后端传服务器,服务器传前端,方法都不一样,真的脑壳痛。具体要查看小程序开发手册。
总之,如果能把数据传到PHP,就已经成功一半了,然后具体对数据库的操作就很简单了。
tip:可以在PHP里先写个echo语句,在web上看一下能不能正常显示传过来的数据。
3.数据库方面,按照设计建库。然后有一个巨大的坑,当我在小程序的某个页面得到一些属性的值之后,我必须用一个php把这些数据的全部或是一部分装进一个表里,而不能分别装进两个表里,因为post到服务器的是一整个数组。
4.有个openid的坑。openid是每个登录微信的用户都拥有的独特的识别身份码,获取到之后存数据库的用户表。但是要获取到它相当的麻烦,具体大概是先调用某函数获取一个数组,这个数组包含了当前登录用户的很多信息,包括用户id,手机,性别,以及隐藏的openid,然后再从这个数组里单独取openid,过程很曲折,值得注意。
5.服务器用的是centos7镜像,LAMP四件套配置(linux+apache+php+mysql),阿里云可以一键,特别方便。
6.服务器可以登录阿里云用linux进行远程操作,我当时还没学linux的文件操作。如果想用可视化界面,我用的是FileZilla,但是找对应文件夹还找了一会。记得先登录阿里云查看域名,端口号和密码,再用FZ登录。

坑其实挺多的,想起来再加吧。
主要是忘记了,等以后有机会做新项目的时候,应该能全部想起来,不过估计不会有机会了(笑)。

微信小程序“帮取快件”项目实战总结相关推荐

  1. 微信小程序之网易云项目实战(一)

    微信小程序之网易云项目实战(一) 1.全局app.json 配置 {"pages": ["pages/index/index","pages/logs ...

  2. 微信小程序(二)-- 项目实战

    技术选型 小程序的第三方框架: 腾讯wepy 语法类似vue 美团mpvue 语法类似vue 京东taro 语法类似react 滴滴 chameleon uni-app 语法类似vue 原生框架 MI ...

  3. 微信小程序仿抖音项目实战说明

    功能说明 短视频管理后台: 1.bgm管理(增删改查.文件上传.点击播放) 2.用户列表 3.举报管理 4.用户视频管理 因为微信端Api接口管理后台是围绕微信端功能做的,所以这里我就将功能列举到一起 ...

  4. 微信小程序(应用号)实战课程之记账软件开发

    http://git.oschina.net/dotton/finance [2016-10-12] 更新 缘起:昨天官方开发有了更新v0.10.101100,Picker的mode属性已经支持dat ...

  5. 微信小程序快速入门+四个实战小程序(一)——入门准备

    一)系列达成目标介绍 二)小程序创建的准备 1)注册开发者账号 2)下载编译器 ------------------------------------------------------ 一)系列达 ...

  6. 微信小程序--优购商城项目(8)

    文章目录 前言 九.购物车页面 1.商品列表区域 (1)渲染购物车商品列表的标题区域 (2)渲染商品列表区域的基本结构 (3) 为 my-goods 组件封装 radio 勾选状态 (4)为 my-g ...

  7. 一、微信小程序-快速回顾(创建项目、项目结构分析)

    文章目录 一. 创建微信小程序项目 1.1. 准备工作 1.2. 创建微信小程序项目 二.项目结构分析 2.1. 其他文件 2.2. 全局文件 2.3. 页面文件 前言:软件开发需要学习的东西真的是太 ...

  8. 【TgM阅读笔记】《微信小程序开发——从入门到实战》(陈云贵、高旭)

    阅读笔记系列(二) 阅读前言: 速度笔记: 比较起来: 此处摘录前言内容简介同时用以后续文章目录大纲: 阅读前言: 读本书是基于三大前提下的: 了解到其基础设计方式有Java Web程序设计有共同对接 ...

  9. 微信小程序学习笔记④——Flex布局[实战样例之画骰子]

    ✅ 关于 Flex,很多优秀的前辈已经总结过了,比如:阮一峰的<Flex 布局教程:语法篇>.知乎林东洲的<30 分钟学会 Flex 布局>等等.他们主要是基于网页的,小辈斗胆 ...

最新文章

  1. Centos系统更改yum源为163
  2. css深入浅出 宽度和高度
  3. 1779: 无法言表(map+queue)
  4. linux 安装 python3
  5. 常见的linux系统故障,linux常见的系统故障排除
  6. STM32编码器的学习笔记
  7. 08-05 性能测试--定时器场景
  8. 我如何开始学习Web开发
  9. DenseNet实验
  10. LintCode 合并二维数组
  11. Linux svn服务器自身回退版本
  12. 模拟电子技术基础》期中考试试题,仅供参考
  13. 信号处理算法方向的一些SCI杂志(他人经验)
  14. 用Python进行数据整理
  15. 【LOJ2863】「IOI2018」组合动作
  16. 禁止迅雷极速版强制升级方法
  17. android 蓝牙地址连接打印机,android 连接蓝牙打印机 BluetoothAdapter
  18. Python爬取金山词霸每日一句,存储到MySQL中
  19. 硬件学习之路-改善稳压电路的动态响应
  20. 来自北京大学NOIP金牌选手yxc的常用代码模板3——搜索与图论

热门文章

  1. HTTP-C#模拟登录淘宝联盟并下载淘宝客订单xls
  2. 尝试从REST API获取数据时,请求的资源上没有“ Access-Control-Allow-Origin”标头
  3. 数据深陷孤岛惊魂 企业应用集成助脱困
  4. severless 开发指南 q593393454
  5. Spring Boot项目中集成Elasticsearch,并实现高效的搜索功能
  6. java利用复循环洗牌算法_随机洗牌算法
  7. 用html做祝福语朋友,祝朋友考试成功的祝福语
  8. flac与ape格式
  9. iOS调取本地相册成功之后,显示的相册英文名称变成中文的解决方法
  10. [转]手机如何省电,送给手机达人,送给开发者。