微信小程序开发

  • 2017年,我们称之为“微信小程序元年”。此后,微信小程序的发展蒸蒸日上。目前,下一代移动互联网产业正朝着“微、轻、小”的方向发展,就像微信小程序,这个革命性的轻量级“APP”,不需要下载,用完,同时有信息发布、广告、服务功能,将成为替代手机客户端APP的最佳选择。本文将分析微信小程序的系统实现和前景,研究基于微信“小程序”开发的系统架构、关键技术和市场前景。


    1.我们需要有一个帐户。如果您可以看到该文件,我们应该已经邀请并为您创建了一个帐户。注意服务账号或订阅账号的AppID不能直接使用。 使用提供的账号登录https://mp.weixin.qq.com , 可以在网站“设置”-“开发者设置”中查看微信小程序的AppID。 

    2、创建项目 需要使用开发者工具完成小程序的创建和代码编辑。 开发者工具安装好后,打开微信扫码登录。选择创建“项目”,填写上面获取的AppID,设置一个本地项目名(不是小程序名),比如“我的第一个项目”,选择本地文件夹作为代码存放目录,点击“新建”项目”。 为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹为空文件夹,开发者工具会提示是否需要创建快速启动项目。选择“是”,开发者工具会帮我们在开发目录下生成一个简单的demo。

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


    3. 编写代码。 点击开发者工具左侧导航栏中的“编辑”。我们可以看到这个项目已经被初始化并且包含了一些简单的代码文件。最关键和不可或缺的是app.js、app.json和app.wxss。其中.js后缀为脚本文件,.json后缀为配置文件,.wxss后缀为样式表文件。微信小程序会读取这些文件并生成小程序示例。 让我们简单了解一下这三个文件的作用,方便我们从零开始修改和开发自己的微信小程序。 app.js 是小程序的脚本代码。我们可以监控和处理小程序的生命周期函数,并在这个文件中声明全局变量。调用MINA提供的丰富API,例如本例中本地数据的同步存储、同步读取等。 

    app.json 是整个小程序的全局配置。在这个文件中,我们可以配置小程序由哪些页面组成,配置小程序的窗口背景颜色,配置导航栏样式,配置默认标题。

    4.创建页面 本教程中,我们有两个页面,索引页面和日志页面,即欢迎页面和小程序启动日志的显示页面。它们都在 pages 目录下。微信小程序中每个页面的【路径+页面名】需要写在app.json的pages中,pages的第一页就是小程序的首页。 每个小程序页面由四个不同后缀的同名文件组成,如index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的文件是样式表文件,.wxml后缀的文件是页面结构文件。 

    5 、在手机预览开发者工具左侧菜单栏中选择“项目” ,点击“预览”,扫码后即可在微信客户端体验。 

     

  • 相关推荐

    ×

    欢迎访问速优云低代码官网!

    咨询电话:17190186096

    扫码加顾问微信 -->

    速优云PerfCloud官方微信