总结和分享微信小程序开发步骤-小程序开发

首页 2024-07-09 08:04:30

本文为您带来了微信小程序开发的相关知识,主要介绍了微信小程序开发的步骤,包括准备、框架介绍、程序开发和设计规范,希望对您有所帮助。

【相关学习推荐:小程序开发教程】

本文简要介绍了微信小程序的开发步骤。详情请参考微信开发文档

1、准备工作

1:注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1
在没有注册过微信公众平台的邮箱里注册一个微信公众号, 申请帐号 , 您可以根据指南填写信息并提交相应的信息,并拥有自己的小程序帐户。注册后开始登录。

2:登录 https://mp.weixin.qq.com

我们可以在菜单上 “设置”-“开发设置” 看小程序 AppID 了 。小程序的 AppID 相当于小程序平台的身份证,以后会在很多地方使用。 AppID (请注意,这里应该与服务号或订阅号不同 AppID)。有了小程序账号,我们需要一个开发小程序的工具。
根据官方教程开发 https://developers.weixin.qq.com/miniprogram/dev/framework/

3:安装开发工具?

前往 下载开发人员工具 页面,根据自己的操作系统下载相应的安装包进行安装,更详细的开发人员工具介绍可以查看 开发人员工具介绍 。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序!
关于开发工具的相关信息可以通过 [微信开发人员工具 】了解详情

4:打开第一个小程序

新项目选择小程序项目,选择代码存储的硬盘路径,填写刚刚申请的小程序 AppID,给你的项目起个好名字,最后,检查一下 “创建 QuickStart 项目” (注意: 您必须选择一个空目录才能有这个选项),点击确定,您将获得您的第一个小程序,点击顶部菜单编译即可 IDE 预览你的第一个小程序。

5:编译预览

点击工具上的编译按钮,可以在工具左侧的模拟器界面上看到小程序的性能,也可以点击预览按钮,通过微信扫描体验手机上的第一个小程序。

上述部分的内容可以在 微信开放文档 中[起步]-[开始]中查看。

2、框架介绍

小程序开发框架的目标是让开发者以尽可能简单高效的方式在微信中开发原创产品 APP 体验服务。

整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 在视图层和逻辑层之间提供数据传输和事件系统的逻辑层框架,使开发者能够专注于数据和逻辑。

响应数据绑定
框架的核心是一个响应数据绑定系统,它可以使数据与视图非常简单地同步。当数据被修改时,只需要在逻辑层中修改数据,视图层就会相应地更新。

页面管理
框架 管理了整个小程序的页面路由,可以实现页面之间的无缝切换,给出页面一个完整的生命周期。开发人员所需要做的就是注册页面的数据、方法和生命周期函数 框架 其他所有复杂的操作都是交由的 框架 处理。

基础组件
框架 它提供了一套具有微信风格风格和特殊逻辑的基本组件。开发人员可以结合基本组件创建强大的微信小程序 。

丰富的 API
框架 提供丰富的微信原生 API,可方便地调动微信提供的能力,如获取用户信息、本地存储、支付功能等。

3、程序开发

当你学会HTML的时候 CSS js,看完微信开发文档,就可以简单的开始微信小程序的开发了~~

  • 入口
    每个小程序都需要 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数,错误监控和页面无监控函数。
//?app.jsApp({
??onLaunch?(options)?{
????//?Do?something?initial?when?launch.
??},
??onShow?(options)?{
????//?Do?something?when?show.
??},
??onHide?()?{
????//?Do?something?when?hide.
??},
??onError?(msg)?{
????console.log(msg)
??},
??globalData:?'I?am?global?data'})

只有一个小程序 App 例子,是所有页面共享的。开发人员可以通过 getApp 获得全局唯一的方法的方法 App 例如,在应用程序上获取数据或调用开发者注册 App 上的函数。

//?xxx.jsconst?appInstance?=?getApp()console.log(appInstance.globalData)?//?I?am?global?data
  • 全局配置
    根目录下的小程序 app.json 文件用于微信小程序的全局配置,决定页面文件的路径、窗口性能、网络超时设置、多设置 tab 等。
    详见【全局配置】

  • 页面配置
    每个小程序页面也可以使用同名 .json 文件配置本页的窗口性能,页面中的配置项将被覆盖 app.json 的 window 相同的配置项。
    详见【页面配置】

  • 小程序生命周期
    注册小程序。接受一个。 Object 参数,指定小程序的生命周期回调等。
    详见htttpsps详见api://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

  • 页面生命周期
    注册小程序中的页面。接受一个 Object 类型参数、指定页面的初始数据、生命周期回调、事件处理函数等。
    生命周期对象详见https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

  • 组件
    自带组件库weUI

  • API
    丰富的api
    https://developers.weixin.qq.com/miniprogram/dev/api/

详细信息可具体参考《小程序开发指南

【相关学习推荐:小程序开发教程】

以上是微信小程序开发步骤总结分享的详细内容。请多关注其他相关文章!


p

最新文章

  • 腾讯服务器3389端口:安全守护,严防漏洞!

  • 总结和分享微信小程序开发步骤-小程序开发

  • 顶级备份工具大赏,实力铸就信赖之选!

  • 穿越虚拟界限,探索无限可能的新世界!

  • 本文为您带来了微信小程序的相关知识,主要介绍了微信小程序的开发步骤和主要流程,希望对您有所帮助。

    【相关学习推荐:小程序学习教程】

    目前,applet行业已成为互联网营销的热门黑马之一。applet行业依托主流平台,具有自然的用户基础和独特的资源优势。它以其方便快捷的操作和简单流行的模式,在短短一年内迎来了爆炸性的增长。目前市场上开发的小程序从几千到几万不等。以腾讯云为例,腾讯官方团队设计,推出后立即投入运营的小程序每年以680~3680的价格出售。从最简单的开始,我们就不谈复杂的小程序设计了。

    小程序有两种开发方式,一种是定制开发,另一种是第三方平台开发。定制开发价格高,数万甚至数十

  • 抢手价!购买服务器,仅需百元起步!

  • 紧急解决:文档复制粘贴功能突然失效!

  • 相关文章

  • 本文为您带来了微信小程序的相关知识,主要介绍了微信小程序的开发步骤和主要流程,希望对您有所帮助。

    【相关学习推荐:小程序学习教程】

    目前,applet行业已成为互联网营销的热门黑马之一。applet行业依托主流平台,具有自然的用户基础和独特的资源优势。它以其方便快捷的操作和简单流行的模式,在短短一年内迎来了爆炸性的增长。目前市场上开发的小程序从几千到几万不等。以腾讯云为例,腾讯官方团队设

  • 谈谈小程序如何实现“全文收起”功能-小程序开发

  • 微信小程序开发的底部导航-小程序开发

  • 总结整理微信小程序常用表单组件-小程序开发

  • 总结分享微信小程序常见面试题-小程序开发

  • 简单分析微信小程序元素-小程序开发

  • 总结整理微信小程序权限界面-小程序开发

  • 微信小程序WXML模板语法总结-小程序开发

  • 微信小程序视图层详解-小程序开发

  • 微信小程序页面路由知识点总结-小程序开发

  • 微信小程序云服务配置详解-小程序开发

  • 订阅号和小程序有什么区别——小程序开发