欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  新闻

怎样开发小程序,开发小程序需要的技术及教程

程序员文章站 2022-07-03 17:51:15
微信小程序怎么开发,今天来给大家说说微信小程序详细开发教程。  小程序开发教程  1. 获取微信小程序的 appid  首先登录https://mp.weixin.qq.com ,就可以在网站的“设置...

微信小程序怎么开发,今天来给大家说说微信小程序详细开发教程。

  小程序开发教程

  1. 获取微信小程序的 appid

  首先登录https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 appid 了,注意不可直接使用服务号或订阅号的 appid 。

怎样开发小程序,开发小程序需要的技术及教程

  注意:若非管理员微信号在手机上体验该小程序,还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

  2. 创建项目

  通过开发者工具,来完成小程序创建和代码编辑。

  开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 appid ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

  为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。

  项目创建成功后,点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

  3. 代码编写

  点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。