2020-02-25

第一章——微信小程序入门

    1.1 初识微信小程序

        1.什么是微信小程序

            微信小程序:是一种不需要安装即可使用的应用,用户只需扫一扫或者搜一下即可打开应用,无需安装或卸载。最初由张小龙提出。

            特点:应用体积小、无需安装、触手可及、无需卸载、用完即走、操作简单、使用方便。

            微信小程序与原生APP的关系特点:跨平台(支持iOS/Android)、与微信紧密结合、扫一扫或搜一搜可以获取小程序、一键登录

            微信小程序存在的必要性:小程序可以完成订票、打车、订餐等服务;服务号的功能薄弱,而小程序功能强大;小程序可以被附近用户搜索到;小程序可以结合公众平台来推广。

微信小程序的功能界定

            微信小程序和微信小游戏差不多,但是规则不同。

        2.微信小程序账号

            微信公众平台账号分类:服务号、订阅号、小程序、企业微信(企业号)

小程序和订阅号、服务号的区别

        3.微信小程序的特点

微信小程序与原生APP、Web App的区别

    1.3 小程序开发体验

        2.开发者工具的使用

                通过菜单栏可以访问微信开发者工具的大部分功能:

                    项目:用于新建项目或打开一个现有的项目。

                    文件:用于新建文件、保存文件或关闭文件。

                    编辑:用于编辑代码,对代码进行格式化。

                    工具:用于访问一些辅助工具。

                    界面:用于控制界面中各部分的显示和隐藏。

                    设置:用于对外观、快捷键、编辑器等进行设置。

                    微信开发者工具:可以进行切换账号、更换开发模式、调试等操作。

                工具栏提供了一些常用功能的快捷按钮,具体解释如下:

                    个人中心:位于工具栏最左侧第1个按钮,显示当前登录用户头像。

                    模拟器、编辑器和调试器:用于控制相应工具的显示和隐藏。

                    云开发:开发者可以使用云开发来开发小程序、小游戏。云开发能力从基础库2.2.3开始支持。

                    模式切换下拉菜单:用于在小程序模式搜索动态页和插件模式之间切换。

                    编译下拉菜单:用于切换编译模式,默认为普通编译。

                    编译:编写小程序的代码后,需要编译才能运行。

                    预览:单击预览按钮会生成一个二维码,使用手机中的微信扫描二维码。

                    真机调试:通过网络连接对手机上运行的小程序进行调试。

                    切后台:用于模拟小程序在手机中切后台的效果。

                    清缓存:用于清除数据缓存、文件缓存等。

                    上传:用于将代码上传到小程序管理后台。

                    版本管理:用于通过Git对小程序进行版本管理。

                模拟器用于模拟手机环境,查看不同型号手机的运行效果

                编辑器:分为左右两栏:

                            左栏用于浏览项目目录结构,右栏用于编写代码。

                            在左栏中单击某个文件:就可以在右栏中对该文件进行编辑。

                调试器类似于Google Chrome浏览器中的开发者工具:

                            Console:控制台面板,用于输出调试信息,也可以直接编写代码执行。

                            Sources:源代码面板,可以查看或编辑源代码,并支持代码调试。

                             Network:网络面板,记录网络请求信息,根据它可进行网络性能优化。

                            Security:安全面板,用于调试页面的安全和认证等信息,如HTTpS。

                            AppData:App数据面板,可以查看或编辑当前小程序运行时的数据。

                            Audits:审计面板,用于对小程序进行体验评分。

                            Sensor:传感器面板,用于模拟地理位置、重力感应。

                            Storage:存储面板,用于查看和管理本地数据缓存。

                            Trace:跟踪面板,用于真机调试时跟踪调试信息。

                            Wxml:Wxml面板,用于查看和调试WXML和WXSS。

        3.目录结构

小程序的目录结构


每个页面由wxml、wxss、js和json文件组成

        4.项目设置

            设置项目及含义:

                项目设置:对当前项目进行设置。

                域名信息:小程序的安全域名信息,合法域名可在管理后台进行设置。

                调试基础库:选择基础库版本,用于在对应版本的微信客户端上运行。

                ES6转ES5:将JavaScript代码的ES6语法转换为ES5语法。

                上传代码时样式自动补全:自动检测并补全缺失样式。

                上传代码时自动压缩:压缩代码,缩小代码体积。

                使用npm模块:在小程序中使用npm安装第三方包。

                启用自定义处理命令:指定编译前、预览前、上传前需要预处理的命令。

                不校验合法域名、web-view(业务域名)、TlS版本以及HTTpS证书:在真实环境中会对这些信息进行校验。

        5.快捷键

            

快捷键

    1.4团队开发与项目上线

        1.项目成员及权限


小程序的开发团队的人员组织结构组成


开发小程序项目的一般工作流程


小程序的管理后台开发团队中的不同身份的成员权限


开发团队的成员权限分配


小程序的管理后台根据这个流程设计了小程序的版本管理
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容