首页 > 编程语言 >uniapp+unicloud开发微信小程序流程

uniapp+unicloud开发微信小程序流程

时间:2022-12-10 23:45:56浏览次数:53  
标签:uniapp 微信 程序 程序流程 域名 设置 com HBuilderX

注册微信小程序

首先需要注册一个微信小程序,个人或者企业都可以,别忘记下载微信开发者工具哦

获取微信小程序APPID

登录微信小程序后台,在开发-开发管理-开发设置当中的开发设置获取APPID,记录下来备用
image

HBuilderX设置

打开HBuilderX编辑器,在顶部找到工具-设置-运行配置-小程序运行配置,把小程序开发者工具的路径配置一下
image

微信开发者工具开放服务端口

打开微信开发者工具,首页点击右上角的设置-安全-服务端口打开,这样HBuilderX调试运行到小程序才能正常运行
不然会出现调用失败。
image

HBuilderX新建项目

新建uniapp项目以后,记得找到manifest.json文件,微信小程序配置,把微信小程序的APPID设置一下
image

关联云服务空间

找到uniCloud文件夹,右击选择关联云服务空间,没有空间的点击关联以后可以选择创建
image

配置域名

使用uniCloud后,开发者将不再需要自己购买、备案域名,直接将uniCloud的域名填写在小程序管理后台即可
去微信小程序后台,还是上面讲到的开发设置,往下拉找到服务器域名,根据自己情况配置一下域名.
记得加上https://
download合法域名:需要从云存储下载文件的时候才需要配置,可以在web控制台查看文件详情里面看到

类型 阿里云 腾讯云
request合法域名 api.bspapp.com tcb-api.tencentcloudapi.com
uploadFile合法域名 bsppub.oss-cn-shanghai.aliyuncs.com cos.ap-shanghai.myqcloud.com

我还遇到电脑调试没问题,但是体验版小程序无法获取数据

在体验版小程序内,点击右上角的点,然后右滑找到点击开发调试,然后点击打开调试即可

标签:uniapp,微信,程序,程序流程,域名,设置,com,HBuilderX
From: https://www.cnblogs.com/tn666/p/16972635.html

相关文章

  • #yyds干货盘点#【愚公系列】2022年12月 微信小程序-纵向和横向选项卡功能实现
    前言纵向选项卡(vtabs)用于让用户在不同的视图中进行切换。以下讲解的是weui版,相关的还有antd-mini版本:https://help.aliyun.com/document_detail/438087.html一、纵向选......
  • 在微信上搭建ChatGpt机器人
    在微信上搭建ChatGpt机器人项目地址:https://gitee.com/shtml/wechatbot?_from=gitee_search准备一个服务器:Windos,Centos,Ubuntu环境:Go()一个微信号用作机器人一个Ope......
  • javascript:微信扫一扫下载android应用的引导页
    一,js代码:<html><head><metacharset="utf-8"/><title>测试</title></head><bodystyle="padding:0px;margin:0px;"><!--background--><divsty......
  • 微信小程序的学生选课系统设计与实现的源码+文档
    摘 要网络的广泛应用给生活带来了十分的便利。所以把学生选课管理与现在网络相结合,利用java技术建设微信小程序的学生选课系统,实现学生选课的信息化。则对于进一步提高学......
  • 微信小程序的驾校预约管理系统设计与实现的源码+文档
    摘要在Internet高速发展的今天,我们生活的各个领域都涉及到计算机的应用,其中包括微信小程序的驾校预约管理系统的网络应用,在外国微信小程序的驾校预约管理系统已经是很普遍......
  • uniapp 无线调试
    1.官网->教程->运行和调试->App平台:真机运行->连接设备->真机运行常见问题https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html#->Q14:如何通过wi......
  • 微信小程序授权权限封装
    权限封装=>permisson.js/***检测是否有对应的权限,通过回调函数返回结果*@param{String}perName权限名称*@param{function}perResultCbFun结果回调函数,参......
  • uniapp开发中遇到的问题
    1.uniapp打包小程序包,上传之后显示包大小,超过微信要求的20M大小除掉是因为分包的原因造成的,最主要的是因为,上传的文件是执行包,而不是编译发行的微信包2.用禾匠开发的项目......
  • uniapp中的@tap和@click的区别
    在HbuilderX中,两者都是点击时触发事件;不同的是:1.@click是组件被点击时触发,会有约300ms的延迟(内置处理优化了)2.@tap是手指触摸离开时触发,没有300ms的延迟,但是会员事件......
  • uniapp 同时存在两个websocket 冲突
    同时存在两个websocket需要改用SocketTask 推荐使用 SocketTask 的方式去管理webSocket链接,每一条链路的生命周期都更加可控,同时存在多个webSocket的链接的情况下......