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

介绍

前言

最近因为项目,需要做了个收集用户简历、回答用户问题的小程序。因为很早就对小程序云开发有所耳闻,于是这次的小程序就简单的使用了下,整体感觉是很香!相比我之前写小程序,我需要购买一台服务器,为它配置域名,还要搞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的文件夹。完成后文件夹图标应该就会有了一朵云朵,并且后面还会跟随你后台的名称,这表示你已经完成了云开发的全部设置!
在这里插入图片描述

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

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值