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配置 
  • 相关阅读:
    springboot springcloud zuul 过滤器
    springboot springcloud eureka 熔断器
    javaweb servlet filter
    maven nexus 搭建私服(二)
    springboot springcloud zuul 网关入门
    springboot springcloud 配置中心
    springboot springcloud eureka 入门
    java rabbitmq
    java jvm调优
    maven nexus 搭建私服(一)
  • 原文地址:https://www.cnblogs.com/lidar/p/13662134.html
Copyright © 2011-2022 走看看