手机上传文件到云服务器上
1.新建小程序cloud_file 一个真实的目录如下
项目结构2.写小程序的首页,一个添加按钮,这个 按钮绑定一个点击事件,对应的事件函数是getUserInfo
<block wx:for="{{userList}}"> </block>
<view class="floatBtn">
<button size="mini" bindtap="navigateTo" type="primary" open-type="getUserInfo" bindgetuserinfo="getUserInfo">+
</button></view>
const db = wx.cloud.database();//连接数据库
const userInfo = db.collection('userInfo')//查询数据库中的表
Page({
data: {
userList: []//用户列表设置为空,后面会设置
},
getUserInfo: function(result) {
console.log(result);
// openId 用户独有, 拿不到, 云函数可以拿到, 好几个接口
// 云函数权限就是超级管理员
wx.cloud.callFunction({
name: 'getOpenId', //云函数的名字
complete: res => { //云函数实现后的返回的结果 对结果进行了处理
// 用户来了
userInfo.add({ // 表中增加内容
data: result.detail.userInfo //设置键值 云函数返回result,
}).then(res => { //.then()在控制台输出表的信息
console.log(res);
})
// console.log(res);
}
})
},
onShareAppMessage: (res) => { //分享功能
return {
title: '吴世勋画报App',
path: '/pages/index/index',
imageUrl: 'https://636f-codingdream-74b4e5-1256758450.tcb.qcloud.la/687434.png',
success: res => {
console.log('转发成功')
},
fail: res => {
console.log('转发失败')
}
}
}
})
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
// event 可以拿到OpenId 拿到用户
console.log(event);
return event.userInfo
}
注意控制台两次输出
1.console.log(event);调用云函数的结果
2.console.log(res);添加表成功返回的结果
分别对应下图
暴露了自己得vx?云函数的基本形式,调用云函数的形式,与数据库连接存储数据
?云函数太厉害了 怎么实现的,
?图片是如何上传到云函数上的
?