1. 首页
  2. 小程序开发
  3. 正文

小程序开发文档总结

  注意事项:

  小程序的头像、介绍每月仅可修改5次

  服务范围每月仅可修改1次

  小程序发布前,小程序名称仅可以修改2次

  开发前准备

  1.登录微信公众平台,进入用户身份-->开发者,进行开发者绑定

  2.注册小程序账号,进入设置-->开发设置,获取申请到的AppID(记得保存下来,后面要使用),有域名和服务器可以顺带将域名在设置-->开发设置中进行配置


  3.这里使用的是小程序的开发框架wepy,参照官方文档命令进行项目脚手架的搭建,使用官网推荐的1.7.0之后的版本的命令

  4.安装微信开发者工具,选择本地小程序项目打包生成的dist目录,将之前获取到的AppId账号输入,输入项目名称,进入微信demo页面


  5.打开微信开发者工具,选择设置—>项目设置,下方的四个复选框全部不选!(否则在真机上调试偶尔会出错的)


  6.使用自己熟悉的编辑器进行本地小程序项目的开发,这里使用的 webStome IDEA进行开发,将项目中的.wpy文件和vue关联,即可实现高亮语法

  开发中注意事项和参考事例

  1. app.wpy:文件负责部分全局样式的设置、tabBar配置、路径的配置以及用户信息的获取

  2. pages/index.wpy:这里的pages目录是我们业务文件放置的入口

  3. 目前我们只需根据场景往pages目录添加文件就可以了,记得开启令wepy build --watch 进行实时编译,有错误会在这里 面进行展示的

  4. 这个框架是借鉴了vue的语法和功能特性,这里我们可以使用axios的请求方式

  5. 我们在业务中对数据进行数据绑定之后,必须手动进行脏数据检查

  6. 书写代码时可以参考该框架对原生小程序语法的改进,比如click事件、传递参数等,写法更简便了(参考官方文档写法)

  7. 如果想在真机上实时预览,可以点击微信开发者工具的预览功能,手机扫描二维码即可,如果在真机上页面数据没有根据相应状态变化(请参照开发前准备的第5条,看看复选框是否勾上)

  8. 使用wx.navigateTo()方法时,注意页面的层级最多5级

  发布前准备

  1. 点击微信开发者工具的预览功能,手机扫描生成的二维码即可

  2. 上传代码,填写相应的版本好和项目备注,进行上传,上传的文件大小不可超过2M,否则部分文件无法上传


  3. 在小程序管理后台,开发管理可以看到开发版本中存在上传代码的说明,在里面可以选为体验版本,也可以直接审核


  4. 审核通过后,手动点击发布进行发布上线

  提交审核的注意事项

  1. 小程序一定不能有bug,尽量在多机型上测试

  2. 去掉项目中的console信息,否则影响审核

  3. 配置功能页面一定写清楚,否则很可能审核不过

  4. 对提交审核发布的小程序要做敏感词过滤(比如:秘密词语等)

  5. 提交审核时间一般为1-4天,只有当前审核不通过得到反馈后,才能进行下一次重新提交审核

  6. 多次提交审核不通过时,会影响后面审核的时间

  Issues和注意事项

  1. 组件名需要单数的单词命名或者拼接命名,否则写成复数命名文件提示加载不到

  2. 微信小程序获取参数时,只能通过页面加载时onload(options)中的options拿到,在onShow()中是拿不到的

  3. 注意使用wepy的app文件、page文件、component组件的写法,并且在app.wpy文件中默认导出的类名要么不写,要么写Index其他的一律报错!其他.wpy文件类名可以根据业务场景进行命名

  4. 在使用中进行传递参数时,如果是在repeat组件中传递index值,eslint会警告,所以可以使用小程序推荐的data-自定义方式去传递,通过e.target.dataset.参数名获取

  5. 我们进行跳转的时候统一以开头‘/’的绝对路径去跳转,否则在打包编译的时候可能会出错

  6.对于在真实发布过程中,如果有坑在继续添加到该文档中

    延伸阅读

  • 微信小程序开发文档?

    微信小程序开发文档提供了关于如何开发微信小程序的详细信息和指南。以下是微信小程序开发文档的主要内容:快速开始:介绍了如何设置开发环境、创建小程序、运行和调试小程序的基本步骤。开...

  • 小程序开发文档有什么用?包含哪些内容?

    一、小程序开发文档是什么?小程序开发文档是一系列文档,它们提供了有关小程序开发的所有信息,包括小程序的开发流程,开发要求,开发工具,技术框架和技术支持等。开发文档的目的是帮助开...

  • 小程序开发文档总结

    注意事项:小程序的头像、介绍每月仅可修改5次服务范围每月仅可修改1次小程序发布前,小程序名称仅可以修改2次开发前准备1.登录微信公众平台,进入用户身份-->开发者,进行开...

  • 大家都能读懂的微信小程序开发文档

    如果你想开发小程序,就得先学会一套微信特制的「开发语言」。为了让大家上手这门开发语言,微信官方提供了一份十分详细的开发文档。只要看完这篇文章,你就能快速上手小程序开发。一、语言...

  • 小程序开发文档与开发工具

    小程序开发文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/。1.2.1小程序开发文档文档共分6类,如图1-1所示。图1-1简易教程...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/7345.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();