• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

01 微信小程序入门

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

一. 小程序介绍

微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业政府媒体、其他组织或个人的开发者在微信平台上提供服务。

微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的,和Native App的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入,都会选择使用Web App制作工具,免费快速制作自己的Web App。 

截止2019年初,微信小程序用户规模突破6亿,小游戏类微信小程序占比达28%。

1.1. 微信小程序的优势

  很多人做微信公众号,而非App,因为App推广成本太高。这导致公众号现在更像是媒体化的平台。微信的本意是要提供服务,所以推出了服务号,但是服务号也没达到预期。微信小程序的优势:

  1)微信有海量用户,而且粘性很高,在微信里开发产品更容易触达用户;

  2)推广app 或公众号的成本太高。

  3)开发适配成本低。

  4)容易小规模试错,然后快速迭代。

  5)跨平台

  6)小程序类似原生的ios,可以利用硬件接口直接操作硬件,公众号是h5需要加载会白屏,小程序不会

  事实上,应用号并非微信首创,之前百度推出过应用号,搜狐推出过快站,但腾讯将这件事情做成功的概率却是最大

二. 开发环境的准备

1. 注册账号

访问微信公众平台,耐心完成注册即可,一个邮箱只能注册一中,公众号或小程序

2. 获取APPID

由于后期调用微信小程序的接口等功能,需要索取开发者的小程序中的APPID,所以在注册成功后,可登录,然后获取APPID

登录成功 - 小程序发布流程 - 配置服务器 - 开发设置 - 复制你的APPID,悄悄的保存起来,不要给别人看到

三. 建立微信小程序

3.1. 安装微信小程序开发者工具

严格来说,微信小程序支持所有的开发工具,但是从效率和便利性来说,推荐如下

微信自己的`微信小程序开发工具 :https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载好微信小程序开发者工具后,直接双击安装,一直点击下一步即可。 安装好后,界面如下

3.2 创建项目

 

 

 

 3.3 小程序结构目录

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

小程序框架提供了自己的视图层描述语言 WXMLWXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

 官网:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

 小程序文件结构和传统web对比
结构传统web微信小程序
结构 HTML WXML
样式 CSS WXSS
逻辑 Javascript Javascript
配置 JSON

 

 

 

 

 

通过以上对比得出,传统web 是三层结构。而微信小程序 是四层结构,多了一层 配置.json

 

 

 

 

 

 

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序初探【类微信UI聊天简单实现】发布时间:2022-07-18
下一篇:
只需两步快速获取微信小程序源码发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap