AI 助理
备案控制台
开发者社区 安全 文章 正文

从0开始制作微信小程序

2024-06-07 52
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 从0开始制作微信小程序

前言
放暑假了，闲着也是闲着，开始捣鼓微信小程序，逐渐实现跨平台的统一...

由于数据类型的统一需要用到TypeScript，可能又要了解新的语言了...[捂脸]

正文
需要事先准备的
①编程软件和环境：微信开发者工具，VScode或者WebStorm或者HBuilderX等编辑软件都可以

因为要使用Vue3所以要事先准备NodeJS环境这边就直接跳过了

微信开发者工具下载地址：https://servicewechat.com/wxa-dev-logic/download_redirect?type=win32_x64&from=mpwiki&download_version=1062405010&version_type=1

然后在设置=>安全中打开服务的端口

HBuilderX下载地址：https://qiniu-ecdn.dcloud.net.cn/download/HBuilderX.4.15.2024050802.zip

HX使用文档：HBuilderX 文档

HX专门用来快速的创建编译运行发布开发uniapp项目

②一个appid，用于编译小程序（有些人不知道怎么获取特别说明一下）

首先打开微信公众平台：微信公众平台（注意不是微信开发者平台）

然后选择下方的小程序：小程序（不要和公众号的appid搞混了）

文章标签：
小程序
开发者
JavaScript
安全
你都不懂
目录
相关文章
曼亿点
|
6月前
|
监控 小程序 安全
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（2）
小程序提供便捷的鲜花选购和配送服务，汇聚全球优质鲜花品种，确保新鲜送达。用户可轻松挑选花束，享受个性化配送，并通过地图功能查看配送位置。此外，物流功能实时更新，保证鲜花安全快速到达。代码示例展示了地图和物流信息的页面布局与交互实现。 ### 配送与物流功能亮点 1. **地图功能**：使用`map.wxml`, `map.wxss`, 和 `map.js` 实现定位与导航，确保精准配送。 2. **物流追踪**：通过`logistics.wxml`, `logistics.wxss`, 和 `logistics.js` 显示详细物流状态，提供流畅的用户体验。
曼亿点
95 1
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（2）
曼亿点
|
6月前
|
小程序 开发者
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（1）
👀 探索鲜花电商小程序，提供全球鲜花选购，一键配送，打造无缝购花体验。🌹 💻 示例代码展示`app.json`配置文件和首页`index.wxml`、`index.wxss`、`index.js`，包含轮播图、导航栏及商品推荐布局。🛠️ 📖 查看[微信小程序开发](https://blog.csdn.net/2301_77628600?spm=1011.2266.3001.5343)专栏，获取更多教程。📖 🎉 持续更新中，点赞👍、收藏⭐、留言📝，一起学习进步！🚀
曼亿点
115 1
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（1）
曼亿点
|
6月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（3）
这是一篇关于微信小程序开发的文章摘要，作者介绍了如何创建一个网上花店小程序，旨在提供便捷的购花体验。小程序包含鲜花分类功能，允许用户按品种、颜色和用途筛选，确保快速找到合适的鲜花。它还提供了配送服务，保证鲜花的新鲜度。文章展示了`cash.wxml`、`cash.wxss`和`cash.js`的部分代码，用于实现分类和商品展示，以及`qin.wxml`、`qin.wxss`和`qin.js`，涉及商品详情和购买付款流程。代码示例展示了商品列表渲染和交互逻辑，包括页面跳转、数据传递和点击事件处理。文章最后提到了购买付款界面，强调了安全和便捷的支付体验。
曼亿点
149 0
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（3）
好奇的菜鸟
|
7月前
|
小程序 开发者 Windows
安装VantWeapp开发微信小程序
安装VantWeapp开发微信小程序
好奇的菜鸟
169 0
现在是571
|
8月前
|
数据采集 小程序 JavaScript
微信小程序2
微信小程序2
现在是571
127 0
现在是571
|
8月前
|
JSON 小程序 编译器
微信小程序3
微信小程序3
现在是571
91 0
现在是571
|
8月前
|
小程序 JavaScript 前端开发
微信小程序5
微信小程序5
现在是571
108 0
吉士先生
|
存储 小程序 前端开发
117.【微信小程序 - 01】（三）
117.【微信小程序 - 01】
吉士先生
63 0
吉士先生
|
小程序 前端开发 JavaScript
117.【微信小程序 - 01】（五）
117.【微信小程序 - 01】
吉士先生
79 0
吉士先生
|
JSON 小程序 JavaScript
118.【微信小程序 - 02】（四）
118.【微信小程序 - 02】
吉士先生
82 0