博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序开发入门教程
阅读量:4885 次
发布时间:2019-06-11

本文共 876 字,大约阅读时间需要 2 分钟。

在这篇微信小程序开发教程中,我们将向你介绍快速试用和体验微信小程序开发工具和官方示例Demo。

本系列教程将引导你完成如下任务:

  1. 下载微信web开发者工具和小程序官方Demo。
  2. 添加小程序示例Demo到项目
  3. 体验小程序常用组件及接口

 

第一部分 下载开发者工具和官方Demo

 

微信小程序开发者工具

为了帮助开发者简单和高效地开发微信小程序,微信官方推出了全新的微信小程序开发者工具,该工具集成了开发调试、代码编辑及程序发布等功能。

下载地址为   、  、 

开发者工具根据操作系统类型选择相应的下载地址

 

微信小程序官方示例Demo

下载地址  

demo下载后解压即可。 

 

 

第二章 添加小程序Demo项目

启动开发者工具后,如下图所示

使用微信扫描二维码登录

点击确认登录后,调试类型选择“本地小程序项目”

点再击添加项目

项目配置时

APPID点击“无AppID

项目名称,可以填“方倍工作室小程序开发入门教程

项目目录选择官方Demo解压后的地址

 最后点击“添加项目”按钮。

 

第三章 体验官方Demo组件和接口

 在上方的手机类型中,将手机型号选择成适合屏幕分辨率大小或自己喜欢的类型,比如iPhone5

在底部的小程序预览窗口中查看点击各组件查看官方自带的类型,以及在接口中体验各种接口的接口能力。

 

比如在“接口”->"开放接口"->“获取用户信息”中,可以获得当前登录用户的昵称和头像。

 

 

第四章 总结

 

入门教程就这样简单?是的,做为入门来讲,就只有这些东西。但其实里面已经包括很多了。

  • 1. 下载了微信小程序开发者工具,后续开发小程序都要使用这个。
  • 2. 创建了小程序项目,虽然是本地的,但真实的也和这一样。
  • 3. 体验了官方的Demo,并且使用接口获得了用户的个人信息。

接下来该做什么呢?你可以购买微信小程序开发视频,书中包括了微信小程序开发几乎所有的接口讲解,总共内容有40多G,以及为0基础初学者准备的前端开发视频教程。

地址为  。

 

转载于:https://www.cnblogs.com/txw1958/p/wxapp-tutorial.html

你可能感兴趣的文章
srtlen实现以及与sizeof的比较
查看>>
linux+win7双系统重装win7修复grub的办法
查看>>
让应用在横屏模式下启动
查看>>
日常练习 1.0
查看>>
php集成环境
查看>>
Ubuntu下的负载均衡Web集群配置
查看>>
mvc的个别对输入数据的验证
查看>>
autoit学习安装说明及例子
查看>>
jQuery控制form表单元素聚焦
查看>>
wpf+.net 4.5 surface2.0 = 异步多点触控 时间轴 part1
查看>>
05.SSL或TTL应用编程
查看>>
PostgreSQL自学笔记:5 数据类型和运算符
查看>>
Android学习_7/25
查看>>
3400: [Usaco2009 Mar]Cow Frisbee Team 奶牛沙盘队
查看>>
[异能程序员]第一章 酒后事发(第一更)
查看>>
系统设计
查看>>
宏替换
查看>>
学习函数链式调用,获取对象字段避免报错
查看>>
hdu–2369 Bone Collector II(01背包变形题)
查看>>
ISAPI_Rewrite应用技巧与方法
查看>>