从零搭建一个微信小程序

作者: 臻甄 | 来源:发表于2018-02-06 23:50 被阅读1044次

继上次配了半天的服务器没能联通小程序平台之后，怀着担心被胖树同学嘲笑的担忧，我决定还是一不做二不休继续调下去，哼哼，终于做出来这个大材小用的问卷小程序，真的是大材小用了，明明问卷星就可以实现的问卷系统，非得要用小程序完成，胖树同学他那导师真是没谁了！

记录一下整个过程，不过可能会有些遗漏。

Step1 服务器端的配置

在腾讯云官网注册新账号，领个30元的券，买下了39元的建站主机，配有PHP+MySQL+FTP服务。

image.png
建站主机自带服务器软件，只需要配置好用户名和密码。给的域名已经经过SSL验证，可以直接用https://访问，而且给了一个试验性的域名，每次验证后可以访问3个小时，做实验测试也是够用了。

image.png

服务器的PHP代码可以上传到webroot服务器
我自己写的代码已经上传到github上了，算是简易版的小程序代码和服务端代码，调通之后也算是对小程序开发有了个全面的了解。
下载代码：https://github.com/rical730/wechat-minipro-hospital/
其中包含两份代码：

1.hospital代码是用在微信开发工具上传的。

（1）需要修改的地方是hospital/pages/index/index.js中的第49行

url: 'https://4*******03.mylightsite.com/hospitalBack/receivedata.php',   //需要改成自己的服务器域名！！！！！！！！！！！！！

（2）代码解释：

主要的代码结构是编译工具自动生成的，我再实现的时候主要界面是在pages/index中编写，pages/success主要用来写提交问卷成功后跳转到的界面，同理pages/fail用来处理异常错误情况。

2.hospitalBack代码是用于上传到服务器工作的。

（1）需要修改的地方是在/hospitalBack/conn.php中的第13行

$DB_PASS = "yourpassword";  //需要修改成你设置的密码！！！！！！！！！！！！！！

（2）代码解释：代码中有五个文件

（2.1）hello.php是最开始用来测试网址是否能顺利打开的，可以不用管，由于本人比较懒就忘了去掉了
（2.2）receivedata.php 细心的网友会发现小程序代码hospital里出现过这个，没错就是用来接收小程序代码发送的数据并处理后写入服务器端的数据库的。主要步骤是接受GET类型数据-检查数据是否完整-检查数据库和表格是否存在且可用-根据数据新增一条记录写入数据库中。其中任何异步出错都会返回错误，不同的返回数据用唯一标识符代替，这些都有在代码注释里写的很清楚。
（2.3）conn.php为了方便读者修改一些配置信息或者说全局变量，我把跟数据库名称、表名称、数据库账号密码等等配置信息都在这个文件中定义了。
（2.4）downloadfile.php主要是用来形成一个excel文档并且把数据库表中的所有数据写入excel表格中，供管理员下载
（2.5）download.php毕竟表格中存储的都是病人信息，不能让人知道了网址就能下载，于是套了一层伪装的网址，还很装13的设置了管理员需要密码才能下载，就是一个很简单的文本输入框加一些密码验证，可以直接在代码里修改密码。

用Xftp软件把hospitalBack文件夹上传到主站服务器，放在/www/root目录下