微信小程序作为加权应用平台,自2024年1月9日正式上线以来,一直受到众多开发者的喜爱。 相较于通常花费数百M的Android和LOS系统下的App,小程序具有开发成本低、升级快、共享入口多、用户流量基数好、效率高等依托微信平台的独特优势。 借助微信庞大的用户基数和随时待命的设计理念,小程序吸引了大量用户、开发者和各行各业的用户参与。 本文介绍了小程序的开发流程,以及小程序开发中容易出现的一些问题和解决方法。
经过几年的迭代,小程序的开发环境现在已经足够成熟,可以满足基本需求,界面也比较友好。 官方提供了丰富的开发工具、组件、API、扩展工具等,甚至提供了一整套设计指南,让小规模开发者可以使用一系列官方工具直接进行开发。
我们可以从微信开放文档中注册您的开发者信息,**微信开发者工具,点击微信公众平台官网首页右上角的“立即注册”按钮,完成绑定后即可进行开发。
小程序是用J**A脚本语言、XML、CSS语言编写的,编写小程序几乎和Web前端开发一模一样,有经验的Web前端程序员开始小程序开发几乎没有技术门槛。 不同的是,小程序不是标准的H5+CSS3+J**Ascript架构,它与基于Web架构的W3C规范无关,小程序使用的是腾讯的重新定义和微信自己的技术规范和架构。
正如我们所看到的,开发工具的主界面分为四个区域:标题菜单栏、导航按钮、模拟器和主操作区域。 这个布局和 Chrome 开发者工具非常相似,导航按钮位于菜单底部,用于小程序的编辑模式和调试模式切换、编译**、后台和前台模式切换、项目管理等。
模拟器窗口是一个页面浏览器,实时显示页面状态,供我们操作调试,主操作区域位于开发界面的右下角。 目录树用于小程序的文件管理,我们的编写工作需要在编辑区完成。
小程序由描述整个程序的主部分(根目录)和描述整个程序的一组页面文件夹组成。
小程序的主要部分位于源文件夹的根日志下,通常由 appjs、appjson 和 app 三个文件组成。wxss,这三个文件是小程序的架构文件,不能重命名。
小程序的每个页面由四个文件组成:【PageNameJS, L PageName】 JSON, L PageName]WXML 和 LPAGENAMEWXSS。在同一页面上,四个文件的路径和文件名必须一致,否则在调用和处理文件时将无法识别小程序。
2.1 经纬度漂移
在开发中,首先遇到的问题是定位不准确。 在用真机测试时,手机的显示位置和实际地理位置有很大的差异,这在用于遇险和遇险的软件中显然是不切实际的。 当你查看源代码时,你看不到存在逻辑错误。
2.2. 页面重定向与用户体验的逻辑关系
该程序要求在启动时请求用户的头像和昵称,以便在发送求助消息时将其传递给朋友寻求帮助。 如果应用信息登录页与主程序索引页的过渡关系设计不合理,容易对用户造成闲置干扰。 作者最初的设计思路是:索引页是第一个进入程序的页面,如果页面onshow0没有获取到登录信息(全局变量未定义),则跳转到登录页面,请求授权登录。
当我第一次设计跳跃关系时,我使用了 wxn**igateto0)函数到登录页面,但这种情况下,当用户没有点击授权,直接使用安卓设备的返回按钮时,根据函数机制,会返回到原来的页面,即索引贞操,然后索引页面询问判断onshow0处是否存在全局变量, 并且不会跳回登录页面。循环往复,只有点击界面右上角的关闭,才能关闭小程序。 用户体验差。
资料来源:科学与信息化。
原标题:浅析小程序开发的实际实践及一些常见的问题解决思路。
作者:张磊。