微信小程序页面

1.小程序简介
  微信小程序,小程序的一种,英文名Wechat Mini Program,
  是一种不需要下载安装即可使用的应用,
  它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

  注1:其它小程序包括,支付宝小程序/百度小程序/QQ小程序/今日头条+抖音小程序
  注2:微信已经有了微信订阅号、微信服务号、微信企业号,微信小程序和这三者有什么不同
       微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系
  注3:微信官方文档地址:https://developers.weixin.qq.com/doc/


2.小程序开发有那几种方式?
  套模板、定制开发和行业专用版
  1.套模板小程序
    就是购买互联网公司的模板小程序。它的优缺点很明显,
    优点搭建速度快、价格低;号称三分钟就能搭建上线。
    缺点是缺乏个性化、功能不灵活、用户体验较差、售后服务难以保证 

  2.定制开发小程序
    定制开发分两种,
    一是自己组建小程序开发团队,
    二是委托外包公司做定制开发。
    定制开发优点是完全符合需求,要说缺点,就是费钱、耗时间。有多贵,几万到几十万不等,
    但贵有贵的好处,好比出自一流设计师的高级定制服装,完全按你的需求开发。适合有特殊的需求的企业开发

  3.行业专用小程序
    根据你的行业特点,来制作最适合你的小程序。
    教育行业就用教育行业的小程序;美妆行业就用美妆行业的小程序。
    行业专用小程序,
    具备套模板小程序的优点,制作快,
    又能避免定制开发小程序的贵,
    价格适中,搭建速度快


3.开发环境准备
  1.注册账号
    详情见:资料/01 微信小程序注册流程图文详解.mht

  2.获取appid(不上线的小程序可以用测试的appid) 
    申请微信小程序测试号比较简单,访问https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html页面,
    管理员扫码登录就可以了。可以查看自己测试账号信息 

    详情见:资料/02 微信小程序测试号使用教程.mht

  3.微信开发工具(必须)
    请选择稳定版下载,本教程使用的是:稳定版 Stable Build

    注1:此工具集成了公众号网页调试和小程序调试两种开发模式
    注2:此工具仅仅做为小程序预览所用,代码开发是在vscode里面编写
 
  4.vscode(个人习惯)
    安装插件:

  5.谷歌浏览器下载json插件
    详情见:资料/03 谷歌浏览器安装json格式化插件.mht 

    
4.第一个微信小程序
  微信开发者工具创建一个项目(后端服务:不使用云服务)
  1.打开微信小程序开发工具-建立一个小程序项目-APPID -就可以创建测试项目

  2.微信小程序测试号设置:
    如果你想跳过网络请求域名验证,你可以勾选设置里的(注意:开发阶段一定要勾选此功能,不然无法发出请求)
    不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书” 选项

  3.微信小程序测试号预览功能

  注1:小程序传统开发模式和云开发模式的对比
       详情见:资料/04 小程序传统开发模式和云开发模式的对比.mht
        
       个人拙见:还是传统开发模式(即自建服务器)比较好,如果云开发、数据全在腾讯,生死不在你手,
                 如果想切换到其它的小程序
 unit-app
        
5.微信开发者工具
  工具栏设置    
  设置  外观设置  主题 字体

  模拟器
  型号 百分比  wifi  模拟操作(类似切前台切后台) 静音 分离窗口 新建 查找 硬盘打开
  模拟器下边: 页面路径 场景值 页面参数
        
  编辑器

  调试器
  小程序模式        
  普通编译  
  默认打开首页,后期如果开发非首页页面,可以在这里添加,直接打开开发的页面
  预览 
  真机预览
  真机调试
  切后台
  清缓存
  上传
  版本管理 (如果项目使用git管理,点击就能看见内置的git管理)
  社区
  测试号
  详情
  基础调试库  2.7.5
  不校验合法域名

 


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值