微信小程序云开发-云函数篇
一、小程序原生-云函数
1、在项目根目录下新建云函数存放的文件夹目录: "functions/",并在 project.config.json 中加入配置
2、右击 functions 文件夹选择当前环境,环境选择好后,再右击选择:新建Node.js云函数
3、云函数代码编写
4、安装依赖 Node.js + wx-server-sdk包(云开发的node包文件)
4.1) 安装wx-server-sdk包: cnpm install wx-server-sdk --save(npm 有时会漏包)
4.2) 验证:node index.js 如果没有报错就说明环境安装没问题
4.3) 右击 add 云函数,选择【上传并部署:所有文件】
5、云函数调用
参考备注: 如何进行小程序云函数开发 云函数上传文件或图片 base64
二、uni-app框架-云函数
1、在项目根目录下新建云函数存放的文件夹目录: "functions"【文件夹不能为空,否则会影响webpack的拷贝,先随便加个xx.js】,并在 manifest.json 中配置云函数路径
2、安装 copy-webpack-plugin 复制插件【functions不是uni-app的默认目录,不会被打包进/unpackage/dist/dev/mp-weixin】,安装完后新建 vue.config.js 文件进行配置
// copy-webpack-plugin 6.1.1版本的官方配置方法有改动,不适合后续 vue.config.js 的配置,所以用5.5.5版本
cnpm install copy-webpack-plugin@5.1.1 --save
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')module.exports = {configureWebpack: {plugins: [new CopyWebpackPlugin([{from: path.join(__dirname, 'functions'),to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'development' ? 'dev' : 'build', process.env.UNI_PLATFORM, 'functions')}])]}
}
3、运行小程序开发工具,出现云函数文件夹即表示配置成功,配置成功后就可以快乐的玩耍了!!!
4、在App.vue 中进行云函数初始化,可以在 /pages 的 index.vue 调用云函数
// App.vue 初始化云函数
<script>
export default {onLaunch: function() {console.log('App Launch');wx.cloud.init({env: 'xxxx', // 云函数环境IDtraceUser: true});}
};
</script>// 云函数调用
<script>export default {onLoad: function() {wx.cloud.callFunction({name: 'getUnionid'}).then((res) => {console.log(res)})}}
</script>
参考备注:uni-app实现微信小程序云开发 uni-app中彻底打通微信小程序云函数
微信小程序云开发-云函数篇相关推荐
- 微信小程序6-云开发-云数据库
微信小程序1-小程序基础,开发工具安装使用 微信小程序2-WXSS,WXS 微信小程序3-小程序生命周期和组件 微信小程序4-小程序的api 微信小程序5-真机测试 1.云开发 1).什么是云开发 微 ...
- 【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
效果预览 核心技术(含业务逻辑) 选择新头像(本地图片) 使用 wx.chooseMedia 选择本地图片,官网见 https://developers.weixin.qq.com/miniprogr ...
- 微信小程序:uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码 该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容 另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错 该小程序还有外卖系 ...
- 微信小程序中配置云开发
微信小程序中配置云开发 一.配置 app.js 文件 onLaunch() {wx.cloud.init({env: 'cloud1-xxxxxxxxxx', // 云开发 环境IDtraceUser ...
- 【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
- 微信小程序——传统开发模式与云开发模式对比
目 录 1.传统开发模式与云开发模式的对比图 2.云开发技术能力说明 3.云开发技术特点 1.传统开发模式与云开发模式的对比图 通过传统开发模式与云开发模式的对比图可以看出传统开发模式需要开发者关注 ...
- 微信小程序使用阿里云物联网API开发物联网应用
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开的应用. 微信小程序具有方便快捷,速度快,安全及保密性高的优点,同时开发 ...
- 【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
- 微信小程序:(更新)云开发微群人脉
大家好,今天给大家带来的这一款是经过优化更新并有所改动的一个版本 我们之前也发布过一款,今天这一款是在之前的哪一款的基础下增加优化 该小程序的群码都是系统自动采集的,所以没有上线但是没有群的烦恼 另外 ...
- 仿京细菜谱微信小程序源码 云开发菜谱微信小程序源码
京细菜谱是一个美食分享网站,提供优质的家常菜谱大全,仿京细菜谱小程序源码为喜欢美食的朋友提供了很多的美食烹饪教程 让您轻松学会做美食.对不同食材和地域的饮食做了不同的分类和详细的做菜方法 分类十分详细 ...
最新文章
- Matplotlib可视化散点图、配置X轴为对数坐标、并使用线条(line)连接散点图中的数据点、基于分组变量配置数据点的颜色(connecting two coordinates with line
- JSP/SERVLET(6)——Jquery EasyUI 选项卡Tabs的使用方法
- asp.net panel 加html,ASP.NET 页面中动态增加的控件、添加事件
- 史上最简单的SpringCloud教程 | 第三篇: 服务消费者(Feign)
- MySQL 性能调优之存储引擎
- SAP Spartacus User form属性的运行时字段明细
- Android Notification 手机系统横幅弹出提示框调用,横幅通知,RemoteViews使用实例
- Opencv与dlib联合进行人脸关键点检测与识别
- 单片机c语言pwm整流的程序,基于 单片机控制PWM整流电源的设计.doc
- Josephus问题的Java解决方法
- 股票涨停之后该不该卖?
- masql redis
- 【直观图解】模型选择之-N折交叉验证法(v-fold cross-validation)
- 帧数测试软件苹果,如何监视FPS(每秒帧数)在Mac OS X中进行石英调试 | MOS86
- 基于matlab的16QAM调制解调仿真
- 计算机二级页眉页脚的知识,轻松解决计算机二级之页眉页脚不再是问题-页眉页脚的设置...
- 2017又是新的一年
- 读《魔鬼搭讪学》有感
- 苏宁0元撸货福利来了!只限新人!老用户放弃吧!便宜只能占一次
- Flood fill algorithm