uni-app之uniCloud（一）

uni-app ( https://uniapp.dcloud.io/README )           qq：1254845399

         是一个使用vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

         自己可以去官网上去看看 至于创建 我也不多啰嗦了 写的非常清楚

 uniCloud ( https://uniapp.dcloud.io/uniCloud/quickstart )

    uniCloud 是 DCloud 联合阿里云、腾讯云，为开发者提供的基于 serverless 模式和 js 编程的云开发平台。

          创建什么的也跟着官网走就行了 前提是先准备一个 HBuilder 的账号 创建nuiCloud的服务空间需要实名认证  认证后才能正常使用的哦 

          下面跟着官网走就行了  

        顺便也随手跟着官网走了一遍

        页面使用云函数

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{
   
   {title}}</text>
		</view>
		<button type="default" @click="login">登录</button>
		<button type="default" @click="upload">上传</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {},
		methods: {
			login() {
				uniCloud.callFunction({
					name: 'login', //云函数名字
					//参数
					data: {
						userName: 'user',
						passWord: '123'
					},
					success: (res) => {
						console.log(res, 2222)
					},
					fail: (err) => {
						console.log(err)
					}
				})
			},
			upload() {
				uni.chooseImage({
					count: 1,
					// success: (res) => {
					// 	console.log(res,55)
					// }
				}).then(res => {
					console.log(res[1])
				})
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>

云函数代码

'use strict';
let db = uniCloud.database()
exports.main = async (event, context) => {
	let collection = db.collection("login")
	//新增
	// let res = await collection.add({
	// 	userName:"admin",
	// 	passWord:"123"
	// })
	// 删除
	// let res = await collection.doc("5fb4c6444d03d000019e84ec").remove()
	// 查询
	// let res = await collection.where({userName:'admin'}).get()
	//修改
	// let res = await collection.where({
	// 	userName: 'admin'
	// }).update({
	// 	type: 'hhh'
	// })
	//event为客户端上传的参数
	// console.log('event : ',context)
	//返回数据给客户端
	return {
		code: 200,
		msg: '登录成功',
		data: {
			name: '1',
			age: '18'
		},
	}
};