微信小程序开发教程:从申请账号到搭建自己的小程序

2024-06-20
来源:网络整理

微信小程序是一个神奇的存在,它的出现让APP变得不那么人性化,需要下载更新,而小程序却不是这样,它内嵌在微信中,无需下载,随时可以使用(其实相当于本地加载,但是占用内存很少),微信服务器一更新就可以使用,太方便了。刚开始接触小程序的时候,我还挺晕的,跟常规套路不一样,但是它的js和vue.js太像了,不知道是谁模仿谁的。哈哈,下面开始记录如何一步步搭建自己的小程序吧。

1.找到官网api

小程序官网可以,一定要去官网

官网地址:点击打开链接里的简单教程,按照做就可以了。

2. 申请账户

为什么要申请账号呢?因为开发小程序需要安装微信小程序开发软件。你申请的账号会有一个唯一的ID,这个ID就是在开发软件里填的,这样你才能知道自己有什么开发权限。为什么说有什么开发权限呢?因为微信有个人开发版和企业开发版,个人开发版有些功能是打不开的,比如小程序支付。企业版是需要钱申请,需要认证的,所以权限会多一些。

申请账户地址:点击打开链接,填写邮箱和密码

申请完成后,登录后点击打开链接,在菜单“设置”-“开发设置”中就可以看到小程序

服务器域名是小程序上线时使用的,只能使用域名,不允许使用IP和端口号。

3.安装软件

下一步是安装开发软件

下载地址:点击打开链接,什么版本都是最好的,之前的版本可能有bug。

你用的电脑是多少位的?直接点击要下载多少位的就可以了。

安装完成后点击打开

微信小程序官网用什么开发_微信开发小程序开发_官网微信开发程序用小程序安装

点击小程序项

我之前开发过,所以项目比较多。我之前没开发过,所以没有项目。

点击右下角的加号,创建自己的项目

如果你需要小程序的APP,可以去我刚才说的地方找,当然也可以不填。

填写完之后点击OK就可以进入开发工具了。

默认情况下,您将获得几个文件,这些文件将显示默认页面。

..json 工具配置

wxml相当于jsp和html页面模板,相当于html描述的当前页面的结构。

js 相当于写的地方

wxss相当于写css样式的地方

app.json是小程序的全局配置,比如所有页面路径,接口表现,网络超时,底部tab等。

大家可以自己研究一下,下次见,下次我会详细剖析小程序。

分享