从0开始创建小程序

简介: 小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

小程序简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。

网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作。而如上文所述,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

网页开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、QQ浏览器等,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端,以及用于辅助开发的小程序开发者工具,小程序中三大运行环境也是有所区别的。

小程序的运行环境

网络异常,图片无法展示
|

网页开发者在开发网页的时候,只需要使用到浏览器,并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同,需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

安装微信开发者工具

安装地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根据自己的操作系统下载对应的安装包进行安装

注册账号

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

点击进入微信公众平台

网络异常,图片无法展示
|

然后点击小程序点击前往注册

网络异常,图片无法展示
|

根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

网络异常,图片无法展示
|

打开微信开发者工具用微信扫码登陆

网络异常,图片无法展示
|

创建微信小程序

网络异常,图片无法展示
|

后端服务选不使用云服务,模板选JavaScript模板,这些根据自己的需求来选

AppID登陆微信公众平台点击开发管理>开发设置把appid复制过来微信开发者工具的appid

网络异常,图片无法展示
|
网络异常,图片无法展示
|

第一个小程序就建好了

目录
相关文章
|
机器学习/深度学习 存储 自然语言处理
简单聊一聊大模型微调技术-LoRA
LoRA(Low-Rank Adaptation)是一种用于减少大模型微调中参数数量和计算资源的技术。通过引入低秩分解,LoRA 仅更新少量参数,从而显著降低显存消耗和计算需求。适用于大规模预训练模型的微调、跨领域迁移学习、低资源设备部署和多任务学习等场景。例如,在微调 BERT 模型时,LoRA 可以仅调整约 0.1% 的参数,保持与全量微调相近的性能。
2717 0
|
10月前
|
人工智能 安全 虚拟化
企业级Win11纯净部署指南|VMware虚拟机安装+GPT分区优化+绕过限制详解(小白必看)
Windows 11 是微软推出的新一代操作系统,以其直观交互和 AI 技术为核心升级亮点。界面采用圆角设计与居中任务栏布局,支持多窗口贴靠分屏、虚拟桌面功能,大幅提升多任务处理效率。系统深度集成了 Copilot 智能助手,提供语音写作、照片编辑等便捷功能,并通过 DirectStorage 和 DirectX 12 Ultimate 技术优化游戏体验。本文详细介绍 Windows 11 的下载、U盘制作及安装步骤,帮助用户快速上手全新系统。
1523 37
|
消息中间件 Java
SpringBoot RabbitMQ死信队列
SpringBoot RabbitMQ死信队列
380 0
|
Oracle 数据挖掘 关系型数据库
浅谈数据仓库架构设计
简单的比较了一下数据中台架构与数据仓库、BI、DSS之间的关系,并对比了一下Bill Inmon和Ralph Kimball架构的差异。
2611 3
浅谈数据仓库架构设计
|
4月前
|
缓存 监控 供应链
实战解析:阿里巴巴国际站 alibaba.item_get 商品详情数据API接口
本文详解阿里巴巴国际站alibaba.item_get API,涵盖OAuth2.0认证、签名生成、商品数据获取与标准化解析,提供Python实战代码,助力跨境电商实现智能选品、价格监控与供应链优化。
|
人工智能 运维 监控
首个云上 AI 原生全栈可观测平台来了!
9月21日,2024 云栖大会,阿里云发布全新的 AI 原生全栈可观测平台,首次实现云上 AI 大模型从训练到推理再到应用的全链路实时观测、告警与诊断。
1300 100
|
人工智能 编解码 搜索推荐
国产最强语音大模型诞生,MaskGCT宣布开源,声音效果媲美人类
MaskGCT是一种由国内团队开发的新型非自回归文本到语音合成模型,采用两阶段模型设计和掩码预测学习范式,无需显式对齐信息及音素级别持续时间预测,能高效生成高质量语音,达到近似人类水平。其开源发布标志着国产语音大模型技术的重大突破,具有广泛的应用前景和重要的科研价值。
888 13
|
敏捷开发 资源调度 数据可视化
2024年最适合职场人士的任务可视化工具盘点,你的工作利器已在此!
随着企业管理方式的不断创新,任务管理和团队协作的效率成为企业竞争力的关键。2024年,可视化办公软件因其直观、高效的特点,成为现代企业管理的核心工具。这些软件不仅帮助团队更好地进行任务管理、项目跟进和协作沟通,还通过多种功能如看板管理、任务分配、进度跟踪、团队协作、报告与统计等,显著提升了工作效率。例如,板栗看板、Jira、Basecamp、ClickUp和Smartsheet等工具,各自以其独特的功能和优势,满足不同规模和需求的企业,助力实现高效管理和协作。
vscode设置自动保存步骤
vscode设置自动保存就不用每次要运行时候去先保存一下才能加载新页面了
20197 0
vscode设置自动保存步骤

热门文章

最新文章