微信小程序

Posted 2020-11-23 solaris-wwf

微信小程序

    限制大小2MB，大多数APP都应该配套一个小程序，软件成面的地面推广，用二维码，线下的情景交易

    项目上线流程

        本地开发：在微信web开发工具中预览和编辑

        开发版：开发者可以真机测试

        体验版：供开发者和体验者进行上线前的测试

        提交审核：提交微信审核

        线上版：微信审核完成后

    团队开发职责划分

        管理员：开发、测试、发布

        开发者：开发、测试

        体验者：测试权限

    这三个文件是针对整个程序而言的逻辑，配置和样式

        app.js:小程序的整体逻辑和公用的逻辑放在这里，

        app.json:小程序的一些配置，

        app.wxss：公用的样式

    index文件夹负责单个页面的逻辑、配置和样式，index.js等等，index.wxml,首页结构的展示，小程序全局通用文件包含app.js,app.json,app.wxss，而小程序页面级别文件包含index.js,index.json,index.wxss,index.wxml

    js文件：逻辑文件，逻辑层

    json文件：配置文件,配置层

    wxml文件：布局文件，视图层

    wxss文件：样式文件，视图层

        当全局和页面级别文件都有一个共同的样式的时候，优先页面级别样式

    app.json

        全局配置文件,详细配置信息到微信小程序网站学习

        pages,设置页面路径，有先后顺序，在前面的首先显示

        windows，设置默认页面的窗口表现，

        tabBar 设置底部tab的表现

        networkTimeout 设置网络超时时间,默认超时时间1分钟

        debug，设置是否开启debug模式，开发的时候使用

        在配置颜色的时候最好不要用red yellow这种单词格式，使用#ff0000格式可以让发布版本在手机上测试的时候不出现bug

    index.json

        每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖

    逻辑层

        增加 App 和 Page 方法，进行程序注册和页面注册。

        增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。

        提供丰富的 API，如微信用户数据，扫一扫，支付等微信特有能力。

        提供模块化能力，每个页面有独立的作用域。

    视图层

        wxml：WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

        wxss:WXSS 用来决定 WXML 的组件应该怎么显示。