• 《《《 【WEB前端】零基础玩转微信小程序——新建⼩程序项⽬


    1.5. 体验
    1.5.1. 官⽅微信⼩程序体验

    1.5.2. 其他优秀的第三⽅⼩程序

    拼多多
    滴滴出⾏
    欢乐⽃地主
    智⾏⽕⻋票
    唯品会
    。。。
    2. 环境准备
    开发微信⼩程序之前,必须要准备好相应的环境
    2.1. 注册账号
    建议使用全新的邮箱,没有注册过其他小程序或者公众号的。
    访问注册⻚⾯,耐⼼完成注册即可。
    2.2. 获取APPID
    由于后期调⽤微信⼩程序的接⼝等功能,需要索取开发者的⼩程序中的 APPID
    ,所以在注册成功后,
    可登录,然后获取APPID。
    登录,成功后可看到如下界⾯
    然后复制你的APPID,悄悄的保存起来,不要给别⼈看到。

     

    2.3. 开发⼯具

    微信⼩程序⾃带开发者⼯具,集 开发 预览 调试 发布 于⼀⾝的 完整环境。

    但是由于编码的体验不算好,因此 建议使⽤ vs code+ 微信小程序编辑工具来实现编码vs code负责敲代码, 微信编辑工具负责预览 
    3. 第⼀个微信⼩程序
    3.1. 打开微信开发者⼯具
    注意 第⼀次登录的时候 需要扫码登录 

     3.2. 新建⼩程序项⽬

    点击 小程序

    3.3. 填写项⽬信息 
     

     3.4. 成功

    2.微信开发者⼯具介绍

    详细的使⽤,可以查看官⽹
    5. ⼩程序结构⽬录
    ⼩程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务。
    ⼩程序框架提供了⾃⼰的视图层描述语⾔ WXML和 WXSS,以及 JavaScript,并在视图层与逻
    辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
    5.1. ⼩程序⽂件结构和传统web对⽐ 

    通过以上对⽐得出,传统web 是三层结构。⽽微信⼩程序 是四层结构,多了⼀层 配置.json 

     

    6. ⼩程序配置⽂件

    ⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json
    和 ⻚⾯⾃⼰的
    page.json
    注意:配置文件中不能出现注释
    6.1. 全局配置app.jsonapp.json是当前⼩程序的全局配置,包括了⼩程序的所有⻚⾯路径、
    界⾯表现、⽹络超时时间、底部 tab 等。普通快速启动项⽬⾥边的 app.json配置

    字段的含义

    1. pages
    字段⸺⽤于描述当前⼩程序所有⻚⾯路径,这是为了让微信客⼾端知道当前你的⼩程序
    ⻚⾯定义在哪个⽬录。
    2. window
    字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字颜⾊定义等。
    3. 完整的配置信息请参考 app.json配置 
  • 相关阅读:
    react-native window下创建Hello(解决创建一路的坑)
    vue2.0 监听滚动 锚点定位
    vue-awesome-swiper 轮播图使用
    vue和react区别
    vuex 管理状态
    vue 解决axios 跨域问题
    判断一个对象是否为空? js
    微信小程序中的自定义组件(components)
    深入理解ES6箭头函数中的this
    vue中组件的data为什么是一个函数
  • 原文地址:https://www.cnblogs.com/lidar/p/13662134.html
Copyright © 2020-2023  润新知