使用uniapp+unicloud部署微信小程序

10月前作者：木糠分类：Toy博客阅读(41) 违法举报

这篇具有很好参考价值的文章主要介绍了使用uniapp+unicloud部署微信小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1 uniapp+unicloud使用

在HbuiderX创建项目时选择vue3+启用unicloud

使用uniapp+unicloud部署微信小程序

选择关联云服务

使用uniapp+unicloud部署微信小程序

创建免费云服务，步骤就不详细介绍了。

使用uniapp+unicloud部署微信小程序

创建云数据库，根据需求修改权限（增、删、改、查，默认是false），创建结构，name、age、sex等

使用uniapp+unicloud部署微信小程序

回到HbuiderX，更新远程数据库

使用uniapp+unicloud部署微信小程序

下载后可以查看json文件，和之前在控制台设置的相同，也可以在json文件上做修改，然后选择上传所有DB Schema，效果和在控制台是一样的使用uniapp+unicloud部署微信小程序

在运行的时候可以选择云端云函数，就可以操作云数据库了

使用uniapp+unicloud部署微信小程序

写页面就不细说了，在测试方法中调用函数

使用uniapp+unicloud部署微信小程序

回到控制台就可以看到数据已经上传的云数据库了

使用uniapp+unicloud部署微信小程序

对云数据库做删、改、查就不细说，网上有很多代码，而且很简单，这里只是展示一个案例

2 部署小程序

下载微信开发者工具
注册一个小程序，这里也不细说了，很简单。
获得小程序的appid

使用uniapp+unicloud部署微信小程序

在服务器域名中加入unicloud请求域名：https://api.next.bspapp.com

使用uniapp+unicloud部署微信小程序

在HbuiderX中填入id 使用uniapp+unicloud部署微信小程序

运行到微信开发者工具

使用uniapp+unicloud部署微信小程序

调试后没有问题选择上传体验版

使用uniapp+unicloud部署微信小程序

接下来在小程序网站中的版本管理中选择体验版，扫码测试

使用uniapp+unicloud部署微信小程序

最后在收集中点击三个点点，选择打开调试，即可上传数据到unicloud

使用uniapp+unicloud部署微信小程序

最后在小程序管理后台提交审核即可

使用uniapp+unicloud部署微信小程序文章来源地址https://www.toymoban.com/news/detail-495660.html

到了这里，关于使用uniapp+unicloud部署微信小程序的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

UNIAPP微信小程序使用Echarts

最近要在uniapp做的小程序中使用echarts，网上搜了很多教程都很麻烦，这里提供一种简便快捷CV方案。先说下图表选型的问题，如果你只用于微信小程序，可以使用本方案，Echarts丰富多样的图表和广大的开源图库都已使用。如果要考虑兼容性问题，比如兼容支付宝小程序

2024年02月09日
浏览(50)
uniapp微信小程序使用分享功能

实现效果为如下所示的小程序分享功能：本项目是一个使用uniapp搭建的微信小程序，上线后点击右上角的…，发现其中的发送给朋友和分享到朋友圈是如下图所示的灰色不能点击：那么，如何设置微信小程序的分享功能呢？第一步：在onLoad方法中写wx.showShareMenu方法，设置

2024年02月11日
浏览(51)
uniapp微信小程序中使用echarts

可以先随便建个文件夹，然后 npm init。运行下面的命令行，下载依赖找到node_modulesmpvue-echarts下的文件，保留src文件夹，其他删除，复制mpvue-echarts文件夹到项目的components中 1.2、获取定制echarts的js文件在https://echarts.apache.org/zh/builder.html定制echarts的js文件，然后下载，放到c

2024年02月15日
浏览(56)
UniApp微信小程序地图使用指南

在UniApp中集成微信小程序的地图功能，可以为用户提供位置展示、导航、路线规划等丰富的交互体验。本技术文档将指导你如何在UniApp微信小程序中集成和使用地图功能。确保你已经完成了以下环境准备：安装Node.js：确保你的开发环境中安装了Node.js。安装HBuilderX：下载并

2024年04月28日
浏览(44)
uniapp微信小程序使用地图选点插件

效果图 1. 在公众平台申请插件 “微信小程序官方后台- 设置 -第三方服务-插件管理” 里点击添加插件，搜索腾讯位置服务地图选点申请，审核通过后，小程序开发者可在小程序内使用该插件。 2. 引入插件在 pages.json 中引入插件，根据个人需求，这里是在分包中引入插件

2024年02月16日
浏览(88)
在uniapp微信小程序中使用百度地图

**第一步：**申请秘钥AK，这个自行百度申请。 **第二步：**引入百度地图js模块微信小程序JSAPI下载下载js文件后，解压，并放到项目中。 **第三步：**在项目中导入js API , html代码：复制百度地图官网的。最主要是js代码。 js首先需要导入js api 请求定位，当不传参数的时候，会

2024年04月11日
浏览(53)
微信小程序使用uniapp自定义tabbar

第一步：在pages.json里定义自己tabbar路径，定义的时候只需要写上页面路径即可第二步：自定义tabbar页面，为了实现点击动作的动态效果，需要用到watch监听父组件传来的值的改变自定义tabbar页面全部代码注：该页面可以直接用组件的方式来放，因为uniapp支持easycom模式，

2024年02月13日
浏览(47)
uniapp微信小程序使用腾讯地图选点插件

在A页面获取当前经纬度之后跳转至B页面打开腾讯地图选点插件注意需要把微信开发者工具中的本地设置中的版本改为2.17.0，不然会报错 2.1使用腾讯地图 lbs.qq.com，控制台-应用管理-我的应用中，创建应用，并在相应的应用中创建Key。注意勾选WebServiceAPI和微信小程序 web配置

2024年02月09日
浏览(66)
在uniapp，微信小程序中使用echarts

一、使用npm或yarn安装mpvue-echars 二、可在echarts官网在线定制，下载echarts.min.js文件 ECharts 在线构建三、在node_modules中找到mpvue-echarts，将src中的文件复制出来，作为组件，将第二步下载的echarts.min.js放进去四、改写echarts.vue文件这里我直接把我项目中的代码放上来了五、引入

2024年02月09日
浏览(49)
uniapp 使用canvas画海报（微信小程序）

效果展示：项目要求：点击分享绘制海报，并实现分享到好友，朋友圈，并保存先实现绘制海报下面是海报下面的分享弹窗因为分享到朋友圈实在没找到有使用自定义按钮的可能，所以还是需要点击右上角胶囊以上就是画海报以及分享的全部过程了，另有一个点：

2024年02月13日
浏览(66)