微信小程序注册开发开发发布流程（个人版）
发表时间：2023-09-01 10:21:32
文章来源：炫佑科技
浏览次数：204
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序注册开发开发发布流程（个人版）
微信小程序注册开发发布流程（个人版） 1.小程序注册
2.开发2.1开发调试工具 2.2开发步骤 2.2.1 新建工程 点击File—>New—>新建工程，如图：
在弹出的窗口中选择uni-app，填写项目名称和项目地址，然后我们就可以根据自己的需要选择模板了。 这里我选择使用内置的uni-ui模板，如图：
创建后的目录如下：
┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录，详见
├─platforms 存放各平台专用页面的目录，详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录，详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息，详见
为了方便我们创建如图所示的目录，因为我们使用的是uni-ui，所以必须有uni-ui的风格。 这里我取的是hello-uni-app官方的演示案例，如下图所示：
全局使用uni-ui样式，并在App.vue中引入uni.css；
@import "./common/uni.css";
至此，项目创建完成，现在我们可以运行它了。 前提是必须安装微信开发工具才能调试微信小程序
2.2.2 运行项目。 选择要运行的项目页面。 项目创建完成后制作小程序教程，默认会生成索引页。 进入index页面，按Ctrl+R运行。 弹出界面如下：
根据您的需要选择并单击运行。
如果是小程序，则需要配置小程序的安装路径，以保证小程序开发工具能够打开。
运行配置，主要配置开发工具的安装路径，保证程序能够打开和调试，如图：
点击运行设置后，在弹出的页面中配置开发工具的安装路径，如图：
执行步骤2，选择微信开发工具。 可以选择1或2，选择完成后，微信开发工具会自动打开、自动编译、运行，控制台中会出现相应的控制台窗口，如下图：
2.2.3 优化与调试
当有多个页面时，运行项目时会默认打开索引页面，我们可以自定义调试页面。
我在pages目录下新建了一个页面page1，同事又创建了一个同名目录来存放page1页面，并在pages.json中注册了page1。 接下来我们开始配置启动页面。 让我们将启动页面设为我们刚刚创建的 page1 页面。
"condition":{
"current":1,
"list":[
{
"name":"page1",
"path":"pages/page1/page1"
}
]
}
[外部链接图像传输失败。 源站可能有防盗链机制。 建议保存图片直接上传(img--0530-)(F:\-Xian\学习笔记\\2020-07-.png)]
保存并单击控制台中的重新运行。
返回微信开发工具，选择指定的编译页面。 现在你可以看到我们刚刚配置的名为page1的页面。
至此，开发过程就基本结束了。
评论：
3.小程序发布 3.1 将appID填写到app开发.json中。
编译完成后，可以在微信小程序开发工具中看到小程序的基本信息。
3.2 上传
上传完成后，返回小程序管理后台。 在版本管理中可以看到刚刚上传的开发版本。
3.3 提交审核
点击提交审核，然后填写提交审核表，*后提交。 完成后可以在版本管理中看到审核版本。
3.4 审核完成后，自动生成在线版本
审核完成后微信小程序注册开发开发发布流程（个人版），会自动生成在线版本，*后手动点击发布。 发布完成后，可能会有一些延迟。 10分钟后，您就可以在小程序中搜索到自己的小程序了。
