微信小程序入门

目录

小程序简介

一、注册小程序账号?

二、微信开发工具

三、微信原生框架目录结构


小程序简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。


一、注册小程序账号?

1.1:微信官方文档地址:注册地址

1.2 点击立即注册

微信小程序入门_第1张图片

 1.3 :点击小程序

微信小程序入门_第2张图片

 1.4: 填写好信息微信小程序入门_第3张图片

 获取appid(不上线的小程序可以用测试的appid) 申请微信小程序测试号比较简单,访问

测试号申请地址管理员扫码登录就可以了。可以查看自己测试账号信息 

二、微信开发工具

开发工具地址

三、微信原生框架目录结构

小程序框架的目标是尽可能通过简单,高效的方式让开发者在微信中开发具有原生app体检的服务

题外话:有微信原生框架(MINA),当然也有非微信原生框架,例如:uni-app/wepy/mpvue学会原生框架,其它都搞得定,另外,非原生框架会被淘汰,而微信原生框架不会,除非腾讯GG了

3.1.小程序结构与传统web对比

结构                 传统web 小程序
 结构                    html wxml
样式                    css wxss
逻辑                     js js(TypeScript)
配置                  无     json

注1:小程序除了使用JS还可以使用TypeScript进行开发。新问题:JavaScript与TypeScript有什么区别?
 TypeScript是Javascript的超集,实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript 

 题外话:Angular2是基于typescript来开发的JS框架

3.2 项目整体目录结构

微信小程序入门_第4张图片

解释:

        pages                  页面文件夹
        index                    首页
        logs                      日志
        utils                  
        util                 工具类(mina框架自动生成,你也可以建立一个比如:api)
        app.js                 入口js(类似于java类中的main方法)、全局js
       app.json               全局配置文件
       app.wxss               全局样式文件
       project.config.json    跟你在详情中勾选的配置一样
      sitemap.json           用来配置小程序及其页面是否允许被微信索引
     这个应用里面有很多子页面,可以在里面配置,来指定当前页面能否在微信内搜索
                             只需要在发布时使用

你可能感兴趣的:(微信小程序,java,javascript)