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

1.新建小程序云开发

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

3.  创建自己的tab&＃xff0c;  值得说的是app.json必须是严格的json格式,即要双引号&＃xff0c;不能多余的, 号

tab最多5个&＃xff0c;最少2个

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

安装后&＃xff0c;要在小程序里构建下&＃xff0c;工具》构建npm, 之后会多出个

然后 在界面的详情里 使用npm模块&＃xff0c;

修改 app.json

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

引用组件

全局使用的就在app.json里&＃xff0c; 如果是单独页面的 就在页面的.json里引用如&＃xff1a;

"usingComponents": {

"van-button": "&＃64;vant/weapp/button"

} ​​​​​​​

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

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

在小程序端如何发起请求 &＃xff0c;

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

一种是在小程序端发送请求&＃xff0c;另一种是我们可以在云函数中发起请求。

如果在小程序 端发送请求&＃xff0c;那么小程序端中有一个 API函数叫做wx.request()&＃xff0c;通过这个函数可以通过小程序端直接向某一个服务端发起请求&＃xff0c;在小程序端发起请求&＃xff0c;请求回来的域名一定要经过ICP备案&＃xff0c;才能去请求&＃xff0c;否则的话是不可以的&＃xff0c;而且协议只支持https

如果我们通过云函数发起请求&＃xff0c;那么其实是通过小程序的后端去发送请求。这个时候我们可以在小程序的云函数当中去安装第三方库。比如说常用的request&＃xff0c;got等都可以 发起请求&＃xff0c;在云函数端支持的协议是取决于第三方库的。一般情况下支持https/http均可以支持&＃xff0c;那么在云函数端的请求他的限制是比较开放一些。可以不经过备案&＃xff0c;也可以去发送请求。

通过第三方库request发送请求

cloudfunctions作为云函数端&＃xff0c;我们要通过云函数&＃xff0c;首先我们得先创建一个云函数&＃xff0c;在cloudfunctions下一级目录。&＃xff0c;同步下云函数列表&＃xff0c;

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

安装后就能看到

如何通过request-promise去发送一个请求呢&＃xff1f;当然也很简单&＃xff0c;我们打开index.js文件&＃xff0c;首先引入我们的request-promise&＃xff0c;

在index.js里请求要的数据&＃xff1a;

当我们定义好云函数后&＃xff0c;我们就在云函数的文件上右键上传并部署我们的云函数 。

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

然后我们直接在onLoad里面直接去调用我们的云函数 &＃xff0c;用cloud.callFunction()的方式去调用云函数。