【微信小程序】云开发从 0 到 1 实战,项目搭建及配置

这篇具有很好参考价值的文章主要介绍了【微信小程序】云开发从 0 到 1 实战,项目搭建及配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、新建项目

打开 uniapp 开发工具:HBuilderX,单击「文件」->「新建」->「项目」。

小程序云开发配置,微信小程序

小程序云开发配置,微信小程序

给你的小程序项目起个名字,然后启用 uniCloud 云开发,选择「阿里云」,点击创建。

如果未登录的话,会弹出下面的提示框,我们用刚刚注册的「HBuilderX」账号登录一下即可。

小程序云开发配置,微信小程序

然后就会出现下方的页面提示:项目创建成功,左侧多处一个目录,即刚刚创建的小程序项目代码文件夹。

小程序云开发配置,微信小程序

刚刚创建的项目目录结构如下图,这是编辑器替我们搭建好的基础框架,我们在此基础上开发即可。

小程序云开发配置,微信小程序

   

二、关联云服务空间

uniCloud目录上右键单击,选择「关联云服务空间或项目」,绑定我们我们刚刚注册创建好的云服务空间。

小程序云开发配置,微信小程序

它会自动把你的 DCloud 账号绑定的服务空间展示出来,只需要选择一下即可,如果没有创建,则需要先创建。

小程序云开发配置,微信小程序

关联之后,页面如下。这样我们就可以在这里进行我们的后端接口服务开发了。

小程序云开发配置,微信小程序

   

三、基础配置

单击manifest.json文件,如下图,可以看到这个文件是用来进行我们项目的一些基础配置。

小程序云开发配置,微信小程序

点击获取 uniapp 的 AppID。注意:这个和小程序的appid不是同一个东西。

小程序云开发配置,微信小程序

单击获取后,会生成一个__UNI__开头的一个 ID 标识,标识这个项目的身份。

小程序云开发配置,微信小程序

同时在 uniapp 的网站上登录后可以看到与其对应的应用。

网站地址:https://dev.dcloud.net.cn/pages/app/list

小程序云开发配置,微信小程序

   

四、微信小程序配置

在「基础配置」的同级目录下,找到「微信小程序配置」。

小程序云开发配置,微信小程序

微信公众平台, 登录我们之前注册的小程序账号,下滑菜单,找到「开发」->「开发管理」,开发设置 tab 下面找到小程序的AppID(小程序 ID)

小程序云开发配置,微信小程序

将小程序的 AppID 填入下图对应位置。

小程序云开发配置,微信小程序

   

五、小程序白名单配置

因为我们是用 uniapp 开发,不属于微信小程序自家产品,域名自然他们也不认。所以需要在小程序后台配置白名单,把我们请求相关的域名加进去。

还是微信公众平台, 下滑菜单,找到「开发」->「开发管理」,开发设置 tab 下面,往下滑,找到「服务器域名设置」,点击开始配置。

小程序云开发配置,微信小程序

这一步需要管理员验证,就用你登录时的微信账号扫码确认即可。

小程序云开发配置,微信小程序

扫码确认后会出现下图中的弹窗,我们需要填入需要的 request 合法域名、uploadFile 合法域名。

小程序云开发配置,微信小程序

具体设置如下图,因为我们申请的阿里云服务,所以这里把阿里云相关 uniapp 开发域名加进去即可。

小程序云开发配置,微信小程序

到这里我们已经完成了基础开发需要的配置,如果想了解更多 uniCloud 配置相关知识,可以跳转 uniapp 的 API:

小程序中使用 uniCloud 的白名单配置:

https://uniapp.dcloud.net.cn/uniCloud/publish.html#useinmp文章来源地址https://www.toymoban.com/news/detail-853586.html

到了这里,关于【微信小程序】云开发从 0 到 1 实战,项目搭建及配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序短剧开发技术短剧系统短剧实战玩法分销cps系统搭建教程

    怎么搭建上线短剧小程序呢? 1. 小程序搭建整个流程是注册账号,认证资质,编辑代码(想要呈现怎么样的小程序浏览页面,后台页面及其功能)。 2. 在微信公众平台上注册一个账号,像云微追剧这款小程序可以在微信小程序上能搜索到的追剧小程序(模板) 3. 账号注册

    2024年02月11日
    浏览(31)
  • 【微信小程序开发】微信小程序集成腾讯位置项目配置

    腾讯位置服务官网 当然没账号的要先注册一个账号 在我的应用里创建一个新的应用,印象中需要小程序ID,去微信开发者工具里面找到自己的小程序ID填入即可 添加 key 中勾选勾选 WebServiceAPI 从官网里下载,我这里下载的是 v1.2 打开微信开发者工具 在查找小程序ID的地方下滑

    2024年02月02日
    浏览(45)
  • 微信小程序实战项目开发(天气预报项目实战):内涵开发说明文档、需求文档 && 手把手分步骤教你写出自己的小程序项目 && 天气预报小程序 && 时实请求获取天气 && 自定义功能 && 完整的源代码

    微信小程序开发实现天气预报 需求分析 静态页面设计 :要求界面美观 → 在wxss代码文件中对 wxml代码文件进行合理布局和美化,舒适的交互效果. 功能逻辑完善 :能够使用到 wx.request 请求接口实现天气预报查询的功能 主要使用到的技术栈如下: wxml:中使用了 picker 组件标签

    2024年02月02日
    浏览(46)
  • SpringCloud微服务实战——搭建企业级开发框架(五十三):微信小程序授权登录增加多租户可配置界面

      GitEgg框架集成weixin-java-miniapp工具包以实现微信小程序相关接口调用功能,weixin-java-miniapp底层支持多租户扩展。每个小程序都有唯一的appid,weixin-java-miniapp的多租户实现并不是以租户标识TenantId来区分的,而是在接口调用时,传入appid,动态切换ThreadLocal的appid来实现多租户

    2024年02月15日
    浏览(35)
  • 微信小程序项目实战 微信小程序的事件对象

    目录 小程序前后端交互 自定义组件的使用 语法说明 properties 定义 案例  微信小程序的事件对象 e.target和e.currentTarget  微信小程序的事件传参 传参方式一: data-key=\\\'value\\\' 传参方式二: id=\\\'value\\\' scroll-view 使用  scroll-view 中使用flex布局 scroll-into-view 下拉刷新 上拉加载 微信小程

    2024年02月09日
    浏览(94)
  • 【微信小程序】从零开始搭建微信小程序项目

    建议开发者在准备开发/学习小程序前都应该首先前往微信公众平台注册一个小程序账号。开发者可移步微信公众平台 https://mp.weixin.qq.com ,点击【账号分类】下的【小程序】,在小程序注册页面点击【前往注册】按照要求注册小程序账号。 详细流程请查看官方文档:https://

    2024年02月03日
    浏览(39)
  • 微信小程序-JAVA Springboot项目-小程序搭建-项目搭建01

    目录 一、序言 二、小程序搭建         本文主要讲述一个微信小程序前后端项目搭建的过程,主要内容包括小程序(前端)搭建和后端搭建,其中会描述可能遇到的问题以及解决措施,文章将会分为几个部分进行讲述, 这章将讲述前端小程序搭建的内容,其中包括软件下载

    2024年04月14日
    浏览(31)
  • [微信小程序] 认识微信小程序及开发环境搭建

      微信公众平台首页 https://mp.weixin.qq.com   微信公众平台测试帐号系统 https://open.weixin.qq.com/connect/qrconnect?appid=wx39c379788eb1286ascope=snsapi_loginredirect_uri=http%3A%2F%2Fmp.weixin.qq.com%2Fdebug%2Fcgi-bin%2Fsandbox%3Ft%3Dsandbox%2Flogin   1、微信公众平台提供的帐号模式   2、各类型帐号的应用场景 餐厅

    2024年02月08日
    浏览(38)
  • 微信小程序完整项目实战(前端+后端)

    基于微信小程序的在线商城点单系统 前言:闲来无事,制作一个微信小程序商城。系统采用Java语言作为后端实现与小程序的交互,给用来学习或者想自己开个小店的朋友当个参考。 小程序 管理端 1.创建maven project,先创建一个名为SpringBootDemo的项目,选择【New Project】 然后在

    2024年02月03日
    浏览(42)
  • 微信小程序-JAVA Springboot项目-后端搭建-项目搭建02

    目录 一、序言 二、后端搭建 三、最终效果         本文主要讲述一个微信小程序前后端项目搭建的过程,主要内容包括小程序(前端)搭建和后端搭建,其中会描述可能遇到的问题以及解决措施,文章将会分为几个部分进行讲述, 这章将讲述后端(Springboot项目)搭建的内

    2024年02月04日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包