zoukankan      html  css  js  c++  java
  • 《《《 【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配置 
  • 相关阅读:
    图的建立的两种方法(领接矩阵,领接表)
    蛇形填数
    谁买单,猴子选大王等类似题目不同解法!!!
    根据前序中序写后序(正确写法)
    月份牌
    子网掩码
    android 之 surfaceView和普通View的重绘使用
    android 之 Toast通知的使用
    viewSub惰性装载器
    对文件进行加密
  • 原文地址:https://www.cnblogs.com/lidar/p/13662134.html
Copyright © 2011-2022 走看看