巨推学院

基于uniapp的微信小程序云开发部署

1、 创建uni-app项目注:因为我已经创建过,所以这里提示"选择的位置下已存在同名的文件或文件夹"2、 创建云函数使用的文件夹创建functions(文件夹名字可以随意)并在文件夹下创建一个空的js文件3、 修 ...
1、 创建uni-app项目

基于uniapp的微信小程序云开发部署


注:因为我已经创建过,所以这里提示"选择的位置下已存在同名的文件或文件夹"

2、 创建云函数使用的文件夹

创建functions(文件夹名字可以随意)

并在文件夹下创建一个空的js文件

基于uniapp的微信小程序云开发部署


3、 修改manifest.json文件

通过修改该文件,使微信开发者工具能找到云函数的目录

基于uniapp的微信小程序云开发部署


代码:
 "mp-weixin" : {        "appid" : "wxdb279a3b6ae095ad",		"cloudfunctionRoot" : "./functions/",        "setting" : {            "urlCheck" : true,            "postcss" : true        }    }

4、 在根目录下创建vue.config.js

基于uniapp的微信小程序云开发部署


并在其中写入代码:
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 === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'functions')                }            ])        ]    }}

具体路径根据自己的代码进行修改

5、 代码编译

如果发生关于copy-webpack-plugin的报错,请执行
npm install -save copy-webpack-plugin@5.1.1

成功编译后,在微信开发者工具,显示:

基于uniapp的微信小程序云开发部署


6、 测试云函数功能

创建云函数check

基于uniapp的微信小程序云开发部署


编辑云函数index.js


基于uniapp的微信小程序云开发部署


编辑config.json


基于uniapp的微信小程序云开发部署


在微信开发者工具中

基于uniapp的微信小程序云开发部署


完成后,在云开发中能看到

基于uniapp的微信小程序云开发部署


页面中调用云函数

基于uniapp的微信小程序云开发部署


结果展示:

基于uniapp的微信小程序云开发部署


至此,uniapp的微信小程序云开发配置完成。
分享到:
版权声明:本网页内容(包含但不限于文字、图片、视频)由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至zhanzhangtoutiao@163.com举报,一经查实,本站将立刻删除。
投诉

登录后发表评论

已有 2 人参与

评论

相关推荐

明悟

1914篇文章

TA的文章
广告
广告
广告
  • 今日热文
  • 本周热文
  • 本月热文
小编推荐    
热门搜索     更多>>>
返回顶部