收藏
评论

小程序基础入门官方

一、小程序开发需要哪几步?


大家好,我是深圳职业技术学院移动互联专业主任王老师。今天我给大家分享如何从 0 到 1 开发一个小程序,帮助新手开发者,快速入门小程序开发。 

小程序开发有哪几步呢?一共有三个部分。

首先,你需要知道如何使用微信开发者工具,其次你需要了解如何注册,拥有一个属于自己的小程序。最后,你需要了解微信小程序的基本架构,并创建自己的第一个微信小程序。

网页开发者在开发网页的时候,只需要使用浏览器,并且搭配一些辅助工具或者编辑器即可。小程序的开发则有所不同,需要经过申请小程序账号、安装小程序开发者工具、配置项目等过程。小程序运行环境要求如图所示。

二、了解微信开发者工具


进行微信小程序开发,首先要成为小程序开发者。登录微信公众平台,注册成为小程序开发者。在进行小程序开发之前,需要了解微信官方提供的微信开发者工具。微信开发者工具可以对微信小程序进行项目管理、开发调试、发布、功能设置等。

微信开发者工具是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能,除此之外微信团队还发布了微信小程序开发文档和微信小程序设计指南以帮助开发者简单和高效地开发微信小程序。

开发者工具的界面又分为:启动页、项目页、主界面

启动页面也是登录页面,在登录页,可以使用微信扫码登录开发者工具。登录成功后,会看到已经存在的项目列表和代码片段列表,在项目列表可以选择小程序开发、小游戏开发、代码片段开发或者公众号网页调试。

开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器六大部分。

接下来我将讲解开发者工具每个模块的功能是什么。

  • 菜单栏:菜单栏主要包括开发者工具本身的一些功能。
  • 工具栏:工具栏左侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。在中间提供了编译、预览、真机联调、清缓存方便开发者调试。右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情。
  • 模拟器:模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
  • 调试器:点击工具栏-调试器,就能打开控制台,方便再开发的时候输出数据和日志。并且可以查看wxml的情况,以及wxss的样式是否有效果。
  • 目录树和编辑器:在这块区域,我们可以查看小程序的文件结构,可以编写小程序代码。 


三、如何注册一个小程序?


那么,如何注册一个微信小程序呢?

首先,你可以扫码或打开网址,登录微信公众平台,单击“小程序”进入小程序管理后台。如果你已经有账号,那么你可以登录你的小程序后台,管理小程序的权限,查看数据报表,发布小程序等操作。微信公众平台小程序模块首页如图所示。在页面最下方单击“前往注册”按钮。

根据页面要求,填写注册信息。包括邮箱、密码、验证码等。再根据页面提示,前往注册邮箱进行激活公众平台操作。

激活邮箱以后,进入信息登记页面。选择合适的主体类型,进行相关信息的登记。后续操作以“个人”为主体类型进行演示。点击页面最下方的继续按钮。

根据提示,完成账号申请。

现在,我们可以登录进入小程序管理后台,在「开发设置」中,找到「小程序appid」一定要牢牢记住这串数字,这是你的小程序的“身份证“。 

最后一次编辑于  2024-06-19
赞 1
收藏

1 个评论

  • Rimellya
    Rimellya
    2024-11-07

    登陆上去根本找不到这个界面

    2024-11-07
    赞同
    回复
登录 后发表内容
课程标签