介绍
前言
最近因为项目,需要做了个收集用户简历、回答用户问题的小程序。因为很早就对小程序云开发有所耳闻,于是这次的小程序就简单的使用了下,整体感觉是很香!相比我之前写小程序,我需要购买一台服务器,为它配置域名,还要搞https证书,服务器还需要部署,部署后得懂php(我学的后端语言是php),懂sql这才行!而且你得为你的功能编写一个个后端接口,琐碎麻烦!而云开发它弱化了后端的概念,开发者无需搭建服务器,不用学习前面提到的大量琐碎的知识点,仅仅使用小程序为我们提供的高度封装的api即可轻松完成工作,而且还免费! 省钱又省力。当然云开发后台也有付费版,但免费版已经基本可以满足中小型项目的需求了!
项目结构
项目整体结构:
小程序首页(很丑请见谅^_^,主要是不熟css,而且总共只写了2天)
下面我就每个页面总结下这次的技术要点。
简单的云开发设置
云开发开通
首先还是像往常一样申请小程序,拿到小程序的appid,在创建项目时不要勾选小程序云开发,而是选择不使用云服务。因为勾选小程序开发会默认帮你创建许多不必要的文件,非常的杂乱(主要我也看不懂^_^),我们从零开始就行了。
进入页面后点击云开发:
开始新建一个云开发后台,因为我已经创建过了,可能第一个页面没有,你只需点击开通即可,接下来设置环境名称,填入一个你喜欢的名称,环境ID没有必要做出修改,点击创建。
接来下系统就会自动帮你创建一个后台,是不是十分的省时省力。
以后经常用到的就是这四个地方:运营分析是显示一些后台信息,还有用户的访问信息;数据库就是数据库,没啥好解释的;你上传的文件都会在存储这个位置显示;云函数是显示你编写的函数信息,这个后面会讲到。
项目设置
在根目录project.config.json
文件夹中写入代码
"cloudfunctionRoot": "/cloud"
/cloud
就是以后存放云函数的目录,你也可以随意更改,不过我建议像我一样,这样比较清晰。
然后在app.js
文件onLauch()
函数中对云开发环境进行初始化,添加代码
wx.cloud.init({
env:""
})
这里的env中填入你的云开发后台ID
这就是指明你的这个项目需要用到你的哪个后台。
在根目录下创建名为cloud
的文件夹。完成后文件夹图标应该就会有了一朵云朵,并且后面还会跟随你后台的名称,这表示你已经完成了云开发的全部设置!
下篇文章:【第二篇】微信小程序云开发项目总结