当前位置: 首页 > news >正文

微信小程序开发uni-app-8分钟上手开发

本篇文章uni-app微信小程序开发-8分钟上手开发

-首先到微信小程序官网登录/注册微信小程序 微信小程序官网
uni-app + 微信小程序

注册微信小程序在这里插入图片描述

这里要注意:

激活邮箱之后,选择主体类型为 “个人类型”,并按要求登记主体信息。主体信息提交后不可修改,该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体,在后续开通其他业务功能时不得变更或修改。

在这里插入图片描述

下载微信web开发者工具

我们需要下载微信web开发者工具 官网地址

重点:

在微信小程序官网的 开发设置页面查看AppID 需要用到这个

在这里插入图片描述
: 需要在微信小程序里面填写
在这里插入图片描述

创建项目

我们在左上角 文件-> 新建-> 项目 这里新建项目 选择合适自己的项目
在这里插入图片描述
创建好项目之后 我们配置好AppID
运行项目 这里我选择新建的是演示uni-app模板

这里建议大家第一次使用可以看一下模板里面的组件、接口、以及扩展组件等模板 之后可以快速的进行开发页面
在这里插入图片描述

配置路由导航文件

pages.json

{"pages": [// pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages{"path": "pages/tabBar/component/component",},]

打开调试器

在这里插入图片描述

联调接口时不检验域名

在这里插入图片描述

预览和真机调试

要注意如果没有 填写 AppID 是无法预览和真机调试的
在这里插入图片描述
亿点小知识:我们在真机调试的时候 只有拥有权限的人才可以扫码进行真机调试且只能一个人扫码调试
在这里插入图片描述
在这里插入图片描述
以上就是微信小程序开发uni-app-8分钟上手开发感谢大家的阅读
如碰到其他的问题 可以私下我 一起探讨学习
如果对你有所帮助还请 点赞 收藏谢谢~!
关注收藏博客 作者会持续更新…

http://www.lryc.cn/news/93228.html

相关文章:

  • 【C++11】 initializer_list | 右值引用 | 移动构造 | 完美转发
  • 基于html+css的图展示122
  • 《Unix环境高级编程》/bin/sh: ./fixup.awk: Permission denied
  • 万字长文+示例代码详解DDD中常用的架构(含代码示例)
  • Debezium UI On ECS编译安装及开放Web访问
  • 【支付系统】核心支付流程
  • 电脑系统可以直接备份到其它硬盘上吗
  • springboot项目如何优雅停机
  • springboot mybatis-plus 代码生成工具
  • 超全、超详细的Redis学习笔记总结
  • Day05 04-MySQL分库分表介绍
  • 基于SpringBoot+vue的毕业生信息招聘平台设计和实现
  • git一定要学会,加油
  • TVM面试题
  • CSS相关面试题
  • 6.11总结
  • Hazel游戏引擎(008-009)事件系统
  • 【C++】 STL(上)STL简述、STL容器
  • 【002 基础知识】什么是原子操作?
  • English Learning - L3 作业打卡 Lesson5 Day32 2023.6.5 周一
  • 深度学习应用篇-自然语言处理-命名实体识别[9]:BiLSTM+CRF实现命名实体识别、实体、关系、属性抽取实战项目合集(含智能标注)【上篇】
  • 腾讯安全SOC+荣获“鑫智奖”,助力金融业数智化转型
  • Python绘制气泡图示例
  • 数学建模经历-程序人生
  • 数字电子电路绪论
  • 电脑丢失dll文件一键修复需要什么软件?快速修复dll文件的方法
  • 你知道微信的转账是可以退回的吗
  • 【链表Part01】| 203.移除链表元素、707.设计链表、206.反转链表
  • 如何使用Postman生成curl?
  • CSS灯光效果,背景黑金效果