重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

微信小程序开发步骤的简单介绍

时间:2020-09-11 00:00:07 作者:重庆seo小潘 来源:
微信应用号(小程序,【应用号】的新称呼)终于来了!想必大家都关心应用号的最终形态到底是什么样子?怎样将一个【服务号】改造成为【小程序】? 开始开发应用号之前,先看看官方公布的【小程序】教程吧!微信小程序开发公司英趣科技带你了解初步创建完成一

微信应用号(小程序,【应用号】的新称呼)终于来了!想必大家都关心应用号的最终形态到底是什么样子?怎样将一个【服务号】改造成为【小程序】?

开始开发应用号之前,先看看官方公布的【小程序】教程吧!微信小程序开发公司英趣科技带你了解初步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。

1、获取微信小程序开发的AppID

首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的AppID。利用提供的帐号,登录微信官网,就可以在网站的【设置】-【开发者设置】中,查看到微信小程序开发的AppID了。

2、创建项目

我们需要通过开发者工具,来完成小程序创建和代码编辑。开发者工具安装完成后,打开并使用微信扫码登录。选择创建【项目】,填入上文获取到的AppID,设置一个本地项目的名称(非小程序名称),并选择一个本地的文件夹作为代码存储的目录,点击【新建项目】就可以了。

3、编写代码

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

4、创建页面

在这个教程里,我们有两个页面,index页面和logs页面,即欢迎页和小程序启动日志的展示页,他们都在pages目录下。微信小程序开发中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。

5、手机预览

开发者工具左侧菜单栏选择【项目】,点击【预览】,扫码后即可在微信客户端中体验。目前,预览和上传功能尚无法实现,需要等待微信官方的下一步更新。

微信官方给出的开发指南还非常简单,很多细节、代码和功能都没有明确的展示,所以具体的微信小程序开发步骤需开发者认真学习与实现。以上就是微信小程序开发步骤的简单介绍的详细内容,更多请关注小潘博客其它相关文章!