小程序从启动到发版

已于 2023-02-20 13:14:16 修改
阅读量236 收藏
点赞数
分类专栏： uniapp 文章标签： 小程序 微信小程序
于 2023-01-04 16:16:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Menqq/article/details/128548989
版权

记录一下从拿到项目启动到发版的流程。
每个uniapp项目，管理员都会给你下发权限，用微信扫一扫登录 小程序官网

你可以在手机上看到你所有的权限账号，选择当前项目登录（没有就是没下发你权限，找他去）
在这里插入图片描述

开发>开发管理

！！！AppID在这里，每个项目有自己唯一的AppID，一定要匹配填写正确。
在这里插入图片描述

项目启动

项目运行到自己熟悉的编辑器，并且运行到Hbuilder（通过Hbuilder运行到微信开发者工具）；

项目运行

在这里插入图片描述

运行报错跳到登录页

接口连接不上，报错例如：
在这里插入图片描述

配置config.json

utils > config.json
查看运行环境本地还是线上（需要和后端核对，是后端给的地址，没有就跟他要），是否兼容微信小程序（MP-WEIXIN）：

在这里插入图片描述

运行接口报错

在这里插入图片描述

微信开发者工具中勾选 不校验合法域名…

在这里插入图片描述

查看 小程序开发管理 开发设置 服务器域名中是否配置该接口

在这里插入图片描述
若没有就点击右上角修改，添加保存，微信开发者工具再次编译；

配置AppID

在Hbuilder中manifest.json中填写AppID
在这里插入图片描述
微信开发者工具核对AppID，是否正确（不正确就修改）
在这里插入图片描述

到这里整个小程序项目就已经启动了，后续修改后想要 上传体验版可查看点击当前跳转 ，上传时主包代码过大问题等我再整理一篇有关分包的。

拜

门门men
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序-渐变发光加载动画.zip
08-03
考虑到加载动画可能在页面的生命周期中开启和关闭，开发者需要熟悉微信小程序的页面生命周期函数，如`onLoad`、`onShow`、`onHide`等，以便在适当的时机启动和停止动画。 5. 性能优化： 虽然动画可以提升用户体验...
微信小程序模板-100个
07-18
- **生命周期**：小程序有其独特的生命周期，包括启动、加载、显示、隐藏和卸载等阶段，开发者需要理解并合理利用这些生命周期函数。 - **组件化开发**：微信小程序支持组件化开发，将UI界面拆分为可复用的组件，...
发行小程序提示：项目的AppID不能为空，请在该项目下面的manifest.json中重新获取
酱茄 jiangqie.com
12-07 3897
近期一些小伙伴用Hbuilderx发行追格小程序时遇到问题，提示项目的AppID不能为空，请在该项目下面的manifest.json中重新获取。然后就没有然后了，宁愿问一小时也不愿意花一分钟去搜索，或认真看清楚提示问题。提示问题如下图： 很多人理解为小程序的AppID，所以一直纠结在这个问题上，但凡用点心看下后半句的提示也就明白怎么回事了。解决方法如下： manifest.json基础配置中重新获取即可，如下图： 发行小程序提示：项目的AppID不能为空，请在该项目下面的manifest.json中重新获取
uniapp开发指南2 -- 微信小程序开发使用 wx.getLocation、wx.chooseLocation API指南
Mr_LiangDaGe的博客
11-08 2075
接上篇指南1的基础，今天在这里说一下 wx.getLocation、wx.chooseLocation 这两个API接口的使用。
uniapp H5、小程序、APP端自定义不同运行环境（开发、测试、生产）、自定义条件编译平台、以及动态修改manifest.json值讲解
pixle的博客
11-24 6052
企业项目开发流程上一般都要配置多个运行环境（不同的服务器请求地址）。不同环境有不同用途，主要用于区分开发、测试、上线，对应的环境称为开发环境、测试环境、生产环境。实际开发中经常要在不同环境进行联调或者打包，对于uniapp每次都要手动修改服务请求地址很是麻烦，有什么方法能实现按需运行按需打包呢，答案是——自定义条件编译平台HBuildex默认编译平台例如有H5端、小程序端、APP端,像小程序端细分还有微信小程序，钉钉小程序等，不同编译平台我们可以用条件编译来指定特殊代码运行在哪种平台上。
HBuilderX uni-app 打包发行微信小程序
lhz_333的博客
12-06 1万+
本文主要记录下HBuilderX uni-app 打包微信小程序的配置及发行步骤。
HBuilderX - uniapp - 运行项目到微信开发者工具 - 提示项目下缺少manifest.json文件
坐等夕阳落time的博客
02-28 1万+
1、有manifest.json的情况下报错，选中项目，右键菜单，重新识别项目类型，再次运行 参考文档：HBuilderX - 项目根目录下缺少manifest.json - 峻宇 - 博客园 2、HBuilderX 运行uniapp到微信开发者工具，提示工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。 要打开微信开发者工具 打开服务端口 ...
美容美发在线预约微信小程序源码.zip
06-06
总的来说，美容美发在线预约微信小程序源码提供了一个完整的解决方案，涵盖了从用户预约到后台管理的全过程，为商家和顾客提供了方便快捷的服务。开发人员可以根据源码进行二次开发，以满足特定业务场景的需求。
微信小程序发红包
05-10
总的来说，微信小程序发送红包涉及到的主要知识点包括：微信支付API的使用、请求参数的构建、签名机制、网络请求处理以及用户界面反馈。理解这些概念和流程对于开发具有红包功能的小程序至关重要。
微信小程序蓝牙收发指令Demo
08-08
微信小程序是一种轻量级的应用开发平台，主要针对移动端，它允许开发者通过JavaScript、WXML（WeChat Markup Language）和WXSS（WeChat Style Sheets）来构建用户界面，并且提供了丰富的API接口，包括对硬件功能的...
框架-配置
周建辉的博客
09-28 1018
配置 我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的简单配置app.json ： { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarT
微信小程序 -- 授权地理位置
拿回忆下酒
12-18 1875
获取地理位置需求，应该说是一个不太常用，但是非常常见的一个功能。 所以今天以小程序为例，一起学习一下，看看都有哪些方面需要注意。 授权地理位置配置manifest.jsonmanifest.json视图manifest.json源码授权请求authorize获取经纬度 getLocation引入地图，逆向解析注册账号（免费）创建新秘钥开发者秘钥申请key 设置下载小程序SDK引入SDK，最终代码 配置manifest.json 在微信小程序配置中，必须勾选位置接口，并且写明描述 manifest.json视
3.3.5 mp-weixin -manifest.json-常用配置【uni-app从入门到精通在线教程（黄菊华-跨平台开发系列教程）】
杭州.黄老师
11-05 1985
cloudfunctionRoot 如果需要使用微信小程序的云开发，需要在 mp-weixin 配置云开发目录 "mp-weixin":{ // ... "cloudfunctionRoot": "cloudfunctions/", // 配置云开发目录 // ... } 配置目录之后，需要在项目根目录新建 vue.config.js 配置对应的文件编译规则 { plugins: [ new CopyWebpackPlugin([ { from..
manifest.json
qq_37707731的博客
01-12 3007
{ "name" : "Shopro开源商城", "appid" : "__UNI__*****", "description" : "Shopro开源商城", "versionName" : "1.3.2", "versionCode" : "100", "transformPx" : false, "app-plus" : { // APP-VUE分包，可提APP升启动速度，2.7.12开始支持，兼容微信小程序分包方...
微信小程序 - 使用 uni-app 开发小程序以及部分功能实现
热门推荐
weixin_43299180的博客
04-08 2万+
文章目录一、uni-app1、简介2、开发工具3、新建 uni-app项目4、把项目运行到微信开发者工具二、实现tabBar效果1、创建tabBar页面2、配置tabBar三、配置网络请求1、依照官网提示安装、导入、使用2、实战四、uni-app 里面小程序分包1、创建分包目录2、在 pages.json 文件中配置3、创建分包页面五、公用方法封装六、搜索功能1、搜索组件2、搜索建议实现3、本地存储4、过滤器七、上拉加载、下拉刷新1、上拉加载2、下拉刷新八、配置 vuex1、创建文件2、初始化store3、
微信小程序基本组成结构解释
m0_56662223的博客
10-31 833
微信小程序基本组成结构
微信小程序开发教程（六）配置——app.json、page.json详解
angran1985的专栏
06-21 917
全局配置：app.json 　　微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件（pages）的路径、窗口（window）表现、设定网络超时时间值（networkTimeout）以及配置多个切换页（tarBar）等。 　　首先看一个典型的全局配置app.json文件 { "pages": [ "pages/index...
开源AI智能名片S2B2C商城小程序在社群团购模式中的应用与探索
专注MarTech应用研究与实施方案
07-22 1038
本文深入探讨了开源AI智能名片S2B2C商城小程序在社群团购模式中的创新应用与未来发展。通过详细分析社群团购模式的特征、发展趋势及其面临的挑战，结合开源AI智能名片S2B2C商城小程序的技术优势与实际应用案例，本文提出了一系列旨在提升社群团购效率、优化用户体验、增强商家竞争力的策略。研究表明，该模式不仅能够有效促进商品流通，满足消费者多元化需求，还能通过智能化、个性化的服务提升用户满意度和忠诚度，为电商领域注入新的活力。
wxs 和小程序的Page能不能在执行过程中传值?wxs能不能往page里面传值?
最新发布
qq_35915504的博客
07-22 377
总的来说,虽然 wxs 不能直接往 Page 里面传值,但通过一些间接的方法,如将 wxs 处理后的数据返回给 Wxml,然后在 Wxml 中将这些数据传递给 Page,我们仍然可以实现 wxs 和 Page 之间的数据交互。总的来说,通过在 Wxml 中将数据传递给 wxs,并在 wxs 中处理数据然后返回,你可以实现 wxs 和 Page 之间的数据交互。如果你需要在 wxs 中修改数据,你需要在 wxs 中返回新的数据,然后在 Wxml 中使用这个新的数据。// 在这里处理数据。
微信小程序 onenet 扫码支付
07-23
### 回答1： 微信小程序是微信官方提供的一种可以在微信内运行的应用程序平台。Onenet是中国移动推出的物联网云平台，它提供了一系列的服务，包括设备管理、数据存储、数据分析等功能。 在微信小程序中，集成了Onenet的扫码支付功能，用户可以通过微信小程序中的二维码扫描功能，直接扫描Onenet提供的支付二维码来进行支付。具体的流程如下： 1. 用户打开微信小程序，在小程序中找到需要进行支付的功能入口。 2. 小程序调用相机权限，启动二维码扫描功能。 3. 用户将手机相机对准Onenet提供的支付二维码，等待相机扫描成功。 4. 扫描成功后，微信小程序会解析二维码的内容，包括支付金额、商户信息等。 5. 微信小程序将解析出的支付信息发送到Onenet支付接口进行验证。 6. Onenet验证支付信息，并返回支付结果给微信小程序。 7. 微信小程序根据支付结果进行相应的处理，如提示支付成功或失败。 8. 用户在微信小程序中可以查看支付记录，以及需要等待商户发货或服务。 使用微信小程序进行Onenet扫码支付的好处是，用户无需离开微信，即可完成支付。同时，由于在微信环境下进行支付，用户的支付信息会得到更好的保护和安全性。 总之，微信小程序 Onenet 扫码支付为用户提供了一种便捷、安全的支付方式，提升了用户在小程序中的使用体验。 ### 回答2： 微信小程序 onenet 扫码支付是指在微信小程序中集成了onenet支付功能，用户可以通过扫描二维码进行支付操作。首先，用户需要打开微信小程序，并进入相应的页面。在页面中，用户可以看到一个二维码，可以使用微信的扫一扫功能进行扫描。扫描后，小程序会跳转到相应的支付页面，用户可以选择使用微信支付进行支付。在支付页面中，用户可以输入支付金额和其他支付信息，然后确认支付操作。一旦支付成功，小程序会显示支付成功的提示，并返回到原来的页面。如果支付失败，小程序会给出相应的失败提示，并提供重新支付的选项。微信小程序 onenet 扫码支付的好处是，用户可以在微信小程序中完成支付操作，无需再跳转到其他页面或应用。同时，微信支付的安全性和便捷性也能够保证用户的支付体验。所以，微信小程序 onenet 扫码支付成为了许多商家和用户选择的支付方式之一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值