微信小程序开发入门

微信小程序开发入门

  1. 微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html
    根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。
    在这里插入图片描述
  2. 登录 https://mp.weixin.qq.com,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID
    在这里插入图片描述
    小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID。
  3. 安装开发工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19022220
  4. 开始开发微信小程序了,通过微信的扫一扫在手机上体验。
    登录工具
    在这里插入图片描述
    在这里插入图片描述
    5.代码结构:
    .json 后缀的 JSON 配置文件
    .wxml 后缀的 WXML 模板文件
    .wxss 后缀的 WXSS 样式文件
    .js 后缀的 JS 脚本逻辑文件
2. app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。

3. ​app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

4. app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
  我们注意到,在实例程序的代码中还有2个文件夹,一个是pages,一个是utils,其中utils是放通用工具类方法的一个文件夹,pages是存放所有页面的文件夹。我们着重讲一下这个pages.
  1. 手机预览(只有获得AppId的才有权限预览)
  • 开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。
    如果开发者(商家)的appId没问题的话,默认选项这里就会自动打包压缩上传代码(一般情况就选择默认选项),打包压缩完之后的代码非常小,打包压缩后大小只有20k左右。上传完之后,就会弹出一个二维码。
    这个就类似于我们看到的其他商家的小程序二维码,只不过这个临时的预览二维码只能用开发者自己的二位码在规定的时间内扫描使用(半个小时)。
  • 在预览的同时,我们还可以做一些调试。在手机上,点击右上角“…”弹出来的菜单按钮,我们可以选择打开调试,点击vConsole后,我们就可以进入控制台页面,在控制台页面用户可以看到有两个主要的tab,一个LOG:记录程序打出来的普通日志,包含Info、Warn、Error等;
    另一个是System系统的信息,主要是查看系统及网络相关的一些信息

小程序后台服务器必须是https协议的,这就要求必须购买云服务器并将后台服务器设置成https服务

  1. 小程序开发完成后上传提交审核
  • 如果预览调试都没有什么问题,那么就可以选择上传到微信后台,这里也只有管理员和开发者才能进行操作
  • 代码上传,开发者工具左侧菜单栏选择"项目",点击"上传"即可将代码上传到微信小程序服务器。
  • (1)补充小程序的基本信息,如名称、图标、描述等
    (2)如果发布者不是管理员,则必须要在这里添加开发者,进行代码上传和发布
    (3)配置服务器域名,如果你的小程序用到了网络请求,那么这里要先在“设置”-“开发设置”里添加域名。
    (4)提交审核
    小程序的基础信息,如名称、图标等是这个账号全局的信息。logo图标一个月内可申请修改5次。而名称一旦设置,就不能再修改了,而且不得与公众平台已有的订阅号、服务号重复。
    如果开发者本人就是管理员,则上面的第(2)步可以忽略,因为管理员“自动拥有开发者的所有权限,无需重复绑定”。
    一个邮箱账号只能申请一个小程序,如果想开发多个小程序怎么办?微信官方说明:除个体工商户类型可认证5个小程序外,其他类型一个主体可认证50个小程序。也就是说,如果你是企业主体,你可以弄50个邮箱,申请50个账号,开发50个小程序,而且每个都必须认证才能发布。所以设置名称要谨慎,一旦设置了一个,你就少了一次机会。
    另外,对于服务器域名,再次强调一下,一定要配置https,否则你是没办法用api进行网络数据请求的。
      小程序上传完成后,进入微信公众号后台,点击提交审核,完成身份验证后,填写审核信息。
      在这里插入图片描述
      提交审核后,会弹出图示二维码。扫码填充一些补充信息配置添加功能页面,这些功能页面,主要是为了方便用户快速搜索到你的应用。可以添加多个功能页面,增加被搜索到的概率
      在这里插入图片描述标题:建议填写商家的品牌名称;
    所在服务类目:建议选择商家的经营类目;(请勿选择电商平台)
    标签:建议填写一些和自己品牌相关的标签;
    提交后会显示“审核中”,大概两三个工作日会通过(这是作者的小程序审核的时间,这个时间不一定,看具体情况)。提交审核通过后,进入开发者管理,提交发布,小程序才会发布到线上提供服务。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值