小程序 【云开发】 个完整流程Demo

1.新建小程序云开发

 

2. 建立后 默认有示例，把pages下的文件都删掉， 和app.json里的页面也相应去掉。 而后在pages下新建目录 ，再新建Page 就能建立相应的js,wxss,wxml文件，并保存到app.json里。

 

3.  建立本身的tab，  值得说的是app.json必须是严格的json格式,即要双引号，不能多余的, 号   

tab最多5个，最少2个

 

4.  小程序中引用第三方库

安装后，要在小程序里构建下，工具》构建npm, 以后会多出个

而后 在界面的详情里 使用npm模块，

修改 app.json

将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将形成部分组件样式混乱。

 引用组件

全局使用的就在app.json里， 若是是单独页面的 就在页面的.json里引用如：

"usingComponents": {
 "van-button": "@vant/weapp/button" 
} ​​​​​​​

这样就能愉快地引用vantui组件了。

==========  

在小程序端如何发起请求 ，

发起请求的方式一共有两种，小程序端和云函数。

一种是在小程序端发送请求，另外一种是咱们能够在云函数中发起请求。

若是在小程序 端发送请求，那么小程序端中有一个 API函数叫作wx.request()，经过这个函数能够经过小程序端直接向某一个服务端发起请求，在小程序端发起请求，请求回来的域名必定要通过ICP备案，才能去请求，不然的话是不能够的，并且协议只支持https

若是咱们经过云函数发起请求，那么实际上是经过小程序的后端去发送请求。这个时候咱们能够在小程序的云函数当中去安装第三方库。好比说经常使用的request，got等均可以 发起请求，在云函数端支持的协议是取决于第三方库的。通常状况下支持https/http都可以支持，那么在云函数端的请求他的限制是比较开放一些。能够不通过备案，也能够去发送请求。

经过第三方库request发送请求

cloudfunctions做为云函数端，咱们要经过云函数，首先咱们得先建立一个云函数，在cloudfunctions下一级目录。，同步下云函数列表，

建立好了后，在movielist文件里 使用终端打开，在终端中输入第一条安装request的命令，安装完这个包后，就安装request -promise这个包，可是得记住，必须得先按照request这个包，而后再安装request-promise这个包。 

request-promise 文档： https://github.com/request/request-promise
————————————————

安装后就能看到 

如何经过request-promise去发送一个请求呢？固然也很简单，咱们打开index.js文件，首先引入咱们的request-promise，

在index.js里请求要的数据：

当咱们定义好云函数后，咱们就在云函数的文件上右键上传并部署咱们的云函数 。

咱们回到咱们的电影主界面，movie目录，电机打开movies.js文件，在这个.js文件当中咱们须要作的是当加载电影这个 界面的时候，咱们就要去发送请求，也就是说，我须要去调用刚刚定义好的云函数 ，在movies.js当中定义了不少生命周期函数，也就是钩子函数。 这些钩子函数是会当生命周期到达这个阶段的时候会被自动的调用，那么咱们直接在onLoad这个函数，这是一个监听页面加载函数，也就是页面加载的时候会自动去加载这个onLoad函数，

而后咱们直接在onLoad里面直接去调用咱们的云函数 ，用cloud.callFunction()的方式去调用云函数。

 

 

 

附：

黑马API： http://www.liulongbin.top:3005/api/getlunbo

电影列表API：http://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4a&start=0&count=10

电影详情API：https://api.douban.com/v2/movie/subject/30261964?apikey=0df993c66c0c636e29ecbb5344252a4a

文章连接：https://blog.csdn.net/qq_37954086/article/details/88371416