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

从0开始制作微信小程序

2024-06-07 43
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 从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
安全
你都不懂
目录
相关文章
游客zi3qmblbcdexu
|
3月前
|
小程序
微信小程序分享功能的实现方法有两种
【8月更文挑战第19天】
游客zi3qmblbcdexu
201 3
热爱技术的小郑
|
3月前
|
小程序 开发者 Windows
微信小程序制作日常生活首页
这篇文章介绍了如何制作微信小程序的日常生活首页，包括手机效果预览、开发者工具效果图、真机调试截图、项目目录结构、核心代码示例，以及友情提示和CSDN社区地址链接。
热爱技术的小郑
35 0
微信小程序制作日常生活首页
曼亿点
|
4月前
|
监控 小程序 安全
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（2）
小程序提供便捷的鲜花选购和配送服务，汇聚全球优质鲜花品种，确保新鲜送达。用户可轻松挑选花束，享受个性化配送，并通过地图功能查看配送位置。此外，物流功能实时更新，保证鲜花安全快速到达。代码示例展示了地图和物流信息的页面布局与交互实现。 ### 配送与物流功能亮点 1. **地图功能**：使用`map.wxml`, `map.wxss`, 和 `map.js` 实现定位与导航，确保精准配送。 2. **物流追踪**：通过`logistics.wxml`, `logistics.wxss`, 和 `logistics.js` 显示详细物流状态，提供流畅的用户体验。
曼亿点
75 1
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（2）
曼亿点
|
4月前
|
小程序 开发者
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（1）
👀 探索鲜花电商小程序，提供全球鲜花选购，一键配送，打造无缝购花体验。🌹 💻 示例代码展示`app.json`配置文件和首页`index.wxml`、`index.wxss`、`index.js`，包含轮播图、导航栏及商品推荐布局。🛠️ 📖 查看[微信小程序开发](https://blog.csdn.net/2301_77628600?spm=1011.2266.3001.5343)专栏，获取更多教程。📖 🎉 持续更新中，点赞👍、收藏⭐、留言📝，一起学习进步！🚀
曼亿点
84 1
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（1）
曼亿点
|
4月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（3）
这是一篇关于微信小程序开发的文章摘要，作者介绍了如何创建一个网上花店小程序，旨在提供便捷的购花体验。小程序包含鲜花分类功能，允许用户按品种、颜色和用途筛选，确保快速找到合适的鲜花。它还提供了配送服务，保证鲜花的新鲜度。文章展示了`cash.wxml`、`cash.wxss`和`cash.js`的部分代码，用于实现分类和商品展示，以及`qin.wxml`、`qin.wxss`和`qin.js`，涉及商品详情和购买付款流程。代码示例展示了商品列表渲染和交互逻辑，包括页面跳转、数据传递和点击事件处理。文章最后提到了购买付款界面，强调了安全和便捷的支付体验。
曼亿点
120 0
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序（3）
ROCKY_817
|
6月前
|
JSON 小程序 JavaScript
了解微信小程序项目
该文介绍了微信小程序的基本组成结构和开发要素。小程序由pages目录下的页面、utils工具模块、app.js（入口文件）、app.json（全局配置文件）、app.wxss（全局样式表）、project.config.json（项目配置）和sitemap.json（索引配置）组成。页面由.js（逻辑）、.json（配置）、.wxml（结构）和.wxss（样式）四个文件构成。JSON配置文件用于设定小程序的外观和行为，sitemap.json控制页面索引。小程序开发还包括新建页面、使用WXML和WXSS进行界面描述以及与用户交互的JS逻辑。
ROCKY_817
64 0
小吴吴吴呀
|
6月前
|
小程序
微信小程序制作瀑布流
微信小程序制作瀑布流
小吴吴吴呀
55 0
第10086个小白
|
6月前
|
小程序 JavaScript
微信小程序实现一个音乐播放器的功能
微信小程序实现一个音乐播放器的功能
第10086个小白
257 0
全栈芬达
|
小程序 程序员 C++
玩转微信小程序基础篇
玩转微信小程序基础篇
全栈芬达
145 0
greework
|
移动开发 小程序 前端开发
微信小程序|利用carouse制作轮播图
微信小程序|利用carouse制作轮播图
greework
140 0

热门文章

最新文章

  • 1
    《UVM实战》——3.3节field automation机制
  • 2
    QSqlDatabase: QMYSQL driver not loaded 解决方案
  • 3
    关于规则引擎的选型和疑惑思考
  • 4
    揭秘2017双11背后的网络－双11的网络产品和技术概览
  • 5
    前端开发：遇到This relative module was not found 的解决方法
  • 6
    Spring装配Bean---使用xml配置
  • 7
    SCDPM2012配置及客户端安装（二)
  • 8
    Ext.Ajax.request和formPanel.getForm().submit两种提交方法的异同
  • 9
    IBatis.Net学习笔记七--日志处理
  • 10
    一个实用的PHP缓存类
  • 1
    修改JAR文件工具
    32
  • 2
    鸿蒙开发：自定义一个动态输入框
    23
  • 3
    《C++ 人工智能模型邂逅云平台：集成之路的策略与要点全解析》
    27
  • 4
    《C++与人工智能在工业自动化故障诊断中的“智慧融合”大揭秘》
    28
  • 5
    【Azure 环境】使用Azure bicep对多个ServicePrinciple 进行role assignment分配
    25
  • 6
    锁膨胀
    21
  • 7
    官宣！杭州市地铁集团与阿里云达成战略合作
    19
  • 8
    最新！阿里云入选福布斯·出海全球化品牌Top30
    20
  • 9
    无影领衔！阿里云四项核心技术荣获科技进步一等奖
    61
  • 10
    阿里云携手天津医保局，荣获2024全国智慧医保大赛一等奖！
    26

    • 相关课程

    更多
  • C++ 入门教程开发文档

    • 相关电子书

    更多
  • 支付宝小程序教程
  • 《如何制作一个水平仪》
  • 微信PaxosStore简介

    • 相关实验场景

    更多
  • 搭建微信小程序（AMD 8代）
  • 搭建微信小程序
  • 收银台的场景化界面实践
  • 小试牛刀，一键部署电商商城
    • 下一篇
    无影云桌面