【第一篇】微信小程序云开发项目总结

介绍

前言

最近因为项目,需要做了个收集用户简历、回答用户问题的小程序。因为很早就对小程序云开发有所耳闻,于是这次的小程序就简单的使用了下,整体感觉是很香!相比我之前写小程序,我需要购买一台服务器,为它配置域名,还要搞https证书,服务器还需要部署,部署后得懂php(我学的后端语言是php),懂sql这才行!而且你得为你的功能编写一个个后端接口,琐碎麻烦!而云开发它弱化了后端的概念,开发者无需搭建服务器,不用学习前面提到的大量琐碎的知识点,仅仅使用小程序为我们提供的高度封装的api即可轻松完成工作,而且还免费! 省钱又省力。当然云开发后台也有付费版,但免费版已经基本可以满足中小型项目的需求了!

项目结构

项目整体结构:
【第一篇】微信小程序云开发项目总结_第1张图片
小程序首页(很丑请见谅^_^,主要是不熟css,而且总共只写了2天)
【第一篇】微信小程序云开发项目总结_第2张图片

下面我就每个页面总结下这次的技术要点。


简单的云开发设置

云开发开通

首先还是像往常一样申请小程序,拿到小程序的appid,在创建项目时不要勾选小程序云开发,而是选择不使用云服务。因为勾选小程序开发会默认帮你创建许多不必要的文件,非常的杂乱(主要我也看不懂^_^),我们从零开始就行了。
【第一篇】微信小程序云开发项目总结_第3张图片
进入页面后点击云开发:
【第一篇】微信小程序云开发项目总结_第4张图片
开始新建一个云开发后台,因为我已经创建过了,可能第一个页面没有,你只需点击开通即可,接下来设置环境名称,填入一个你喜欢的名称,环境ID没有必要做出修改,点击创建。【第一篇】微信小程序云开发项目总结_第5张图片
接来下系统就会自动帮你创建一个后台,是不是十分的省时省力。
【第一篇】微信小程序云开发项目总结_第6张图片
【第一篇】微信小程序云开发项目总结_第7张图片
以后经常用到的就是这四个地方:运营分析是显示一些后台信息,还有用户的访问信息;数据库就是数据库,没啥好解释的;你上传的文件都会在存储这个位置显示;云函数是显示你编写的函数信息,这个后面会讲到。

项目设置

【第一篇】微信小程序云开发项目总结_第8张图片
在根目录project.config.json文件夹中写入代码

"cloudfunctionRoot": "/cloud"

/cloud就是以后存放云函数的目录,你也可以随意更改,不过我建议像我一样,这样比较清晰。


然后在app.js文件onLauch()函数中对云开发环境进行初始化,添加代码

wx.cloud.init({
      env:""
    })

这里的env中填入你的云开发后台ID
【第一篇】微信小程序云开发项目总结_第9张图片
这就是指明你的这个项目需要用到你的哪个后台。
【第一篇】微信小程序云开发项目总结_第10张图片


在根目录下创建名为cloud的文件夹。完成后文件夹图标应该就会有了一朵云朵,并且后面还会跟随你后台的名称,这表示你已经完成了云开发的全部设置!
【第一篇】微信小程序云开发项目总结_第11张图片

下篇文章:【第二篇】微信小程序云开发项目总结

你可能感兴趣的:(奇淫巧计)