小程序怎么开发,小程序源码安装教程详细解说

小程序怎么开发,小程序源码安装教程详细解说,第1张

1. 获取微信小程序的 AppID

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

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

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

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

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

3. 代码编写

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

小程序的开发流程如下:

1、首先得申请属于自己的小程序帐号。以微信小程序为例,分为个人和企业两种类型,企业需要的资料就比较多,过程稍显繁复,而个人申请相对就容易得多。

2、按照小程序官方文档,下载旦悉微信开发者工具。注意:微信开发者工具会让你先进行登录,然后选择本地项目,如果没有,可以创建一个新的文件夹,他会自动给你生成默认的文件,然后填入你的appID,如果不填写,他会生成一个错误的appID给你放上去,导致你写完的demo,无法上传到微信后台,从而影响你后台的审核,这一点在小程序的开发过程中必须要特别注意,谨防入坑。

3、如果都配置完成,那就可以在本地微信开发者工具中进行小程序的开发了,接下来就可以去看微信后台的文档进行前端的小程序的开发则逗了,如果需要后端的数据提供,一切都是可以通过接口进行实现的。

4、小程序的开发完成之后,可以通过上传功能进行上传demo到微信后台,进行提交审核,审核通过之后就可以进行发布到线上了。注意:发布到线上的才可以在微信中搜索到,不然可以在微模盯乎信开发工具中生成开发版的二维码进行查看。

导语:关于小程序的上线节奏:本次内测采用邀请制,其内容客户端暂时对用户不可见。之后小程序会全面开放申请,所有小程序将在统一时间向用户开放。小程序是一种不需要下载安装即可使用的'应用,它实现了应用“触手可及”的梦想,用神判户扫一扫或者搜一下即可打开应用。

如何导入微信小程序Demo

打开“微信web开发者工具” -->添加项目-->填写老瞎灶AppID(随便填)、项目名称(随便侍扮填),选择本地开发目录(Demo存放地址)-->点击“添加项目” 即可

配图:

小Demo走起!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12434104.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存