小程序云开发初体验——项目的初始化(day1)

236 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情

新人第一次写文章,多多包涵

image.png

1.小程序云开发简介

官方的解释,云开发可以为Web、小程序、移动应用等提供可靠、丰富的一站式后端能力,并提供多语言 SDK,轻松开发多端应用。

简单的说,就是云开发是一套综合类服务的技术产品,通常开发一个完整的应用(小程序也好,Web、移动应用也好)都需要数据库、存储、CDN、后端函数、静态托管、用户登录等等,但是云开发将这些服务都集成到了一起,而且以一种全新的开发方式,让开发一个应用更加快速、方便、便宜且强大,引领未来技术开发的新趋势。

小程序云开发主要提供的服务有:云数据库,云函数,云存储,云调用。

2.项目的初始化

image.png 如上图所示,即可搭建一个云开发小程序基础页面,建议把热重载关闭,这样你底部的调试器就不会报警告。

  1. 开通云开发服务

image.png

点击云开发,如果你之前未开通,需要开通一下。开通之后的界面是这样的

image.png 这里就不介绍怎么开通云服务了。

  1. 项目页面的初始化 接下来我们需要将文件里没用的东西都清空
  • cloudfunctions里的那个文件删除 image.png

  • components组件删除

image.png

  • images图片删除

image.png

  • pages里的文件都删除,只留下index

image.png

  • 再打开app.json文件,把图中高亮的代码都删除

image.png

  • window中的"云开发 QuickStart",改为你小程序的名称

image.png

  • app.wxss中的公共样式都删除

image.png

  • index.wxss和index.wxml中的内容都删除

image.png

  • index.js的内容也都删除,并初始化js文件,写个Page,选中前面是黑框的(第二个)

image.png

image.png

  • 如果你的调试器报这个警告

image.png 你需要在project.config.json文件中找到checkSiteMap,将其改未false

image.png

3.项目初始化完成

至此,我们项目的初始化就完成了,接下来我们就可以依赖云开发来写我们的小程序了。

image.png