news 2026/11/1 8:51:30

微信小程序前端配置和部署上线

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
微信小程序前端配置和部署上线

之前一直做的C#全栈开发,如今首次接触Java后端和微信小程序,在配置和部署的时候遇到重重困难,下面将详细说明小程序的配置和部署过程,后续再发布配置和部署JAVA后端的文章。

一、前端

(一)、技术栈

前端框架:UniApp

开发工具:HBuilder(打开前端代码)、微信开发者工具(呈现前端页面)

JS框架:Vue3

项目文件目录:

(二)、配置小程序项目环境参数

1、配置微信小程序AppId, 在微信公众平台管理模块 - 开发管理->开发设置获取

注意:自己提前申请好账户,完成认证,并赋予相关开发者、运营者、管理员等权限。

2、用HBuilder X打开前端,找到manifest.json文件,将前面的微信小程序AppId添加进去,如果你想修改一下应用的名称和描述也可以在这个文件里重新设置过

3、在urlconstant.js文件中配置接口地址和图片地址

4、微信后台配置接口白名单

5、根据自己的业务需要,开通接口权限

(三)、本地运行项目

1、HBuilder运行小程序并启动微信开发者工具,运行->运行到小程序模拟器->微信开发者工具

2、微信开发者工具设置,先在基本信息中修改Appid,再去本地设置中根据自己的需要勾选

3、运行页面功能,进行下一步调试和开发

(四)、部署小程序上线

1、如果预览和真机调试都没问题之后,就可以点击上传,然后你在微信小程序管理的后台就可以看到你上传的版本,你可以设置体验版,也可以直接提交审核

2、提交审核过程中还需要注意小程序备案和填资料,具体如下:

至此小程序部署就差不多结束了,等待审核通过就好。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/31 17:32:24

创新创业教育中心项目申报管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】

摘要 随着高等教育改革的深入推进,创新创业教育已成为高校人才培养的重要组成部分。传统的项目管理方式依赖人工操作,存在效率低下、数据易丢失、信息不透明等问题,亟需通过信息化手段提升管理效率。本项目旨在开发一套创新创业教育中心项目申…

作者头像 李华
网站建设 2026/10/28 18:23:10

错过这篇,你可能与顶级黑客失之交臂:中间人攻击全解析

无线欺骗攻击中,多数是以无线中间人攻击体现的。中间人攻击是一种“间接”的入侵攻击,是通过拦截、插入、伪造、终端数据包等各种技术手段将受入侵者控制的一台计算机虚拟放置在网络连接中的两台通信计算机之间,这台计算机就称为“中间人”。…

作者头像 李华
网站建设 2026/10/28 6:13:03

Python+django爬虫大同旅游产业数据可视化分析_o4skhwx7

目录PythonDjango爬虫与大同旅游产业数据可视化分析关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!PythonDjango爬虫与大同旅游产业数据可视化分析 爬虫技术结合Django框架能够高效…

作者头像 李华
网站建设 2026/11/1 7:36:34

30+转行AI大模型:行业前景+学习路径+免费资料,建议收藏

本文针对30岁以上人士转行学习AI大模型提供指导,强调年龄不是障碍,反而拥有丰富经验和成熟判断力是优势。AI模型应用广泛,各行业背景人士均可找到切入点。文章指出AI行业人才年龄结构偏大,35岁危机较小,并鼓励终身学习…

作者头像 李华
网站建设 2026/10/27 4:08:13

基于VUE的高校实习实训管理平台[VUE]-计算机毕业设计源码+LW文档

摘要:高校实习实训是培养学生实践能力和职业素养的重要环节,然而传统的管理方式在效率、信息共享等方面存在诸多不足。本文介绍基于VUE的高校实习实训管理平台,阐述其采用的技术架构与关键技术,深入分析系统在用户管理、实习实训过…

作者头像 李华
网站建设 2026/10/31 3:34:52

六、处理Word文件的实用操作

添加分页from docx import Document doc Document(r"C:\Users\1.docx") # 需要处理文件的位置 doc.add_page_break() #添加分页符 doc.save(r"C:\Users\2.docx") # 添加分页符后文件保存位置插入图片doc.add_picture(r"C:\Users\f8.jpg&quo…

作者头像 李华