微信小程序0基础教程(1)

172 阅读1分钟

小程序是一种无需下载安装即可使用的应用,是一种新的开放能力,开发者可以快速地开发一个小程序,能以最低成本触达用户,而且小程序还可以将图标生成到手机桌面,不占内存,不会在后台偷跑,入口很多,无处不在。 微信小程序是个绝佳的流量入口和创业起点,很多创业者选择小程序就是看中了它体量轻、开发和推广成本低等特点。

随着小程序的快速发展,也使其在众多程序软件中脱颖而出。很多企业也看到了小程序隐藏的商机,将小程序与自己所在的行业结合,形成了具有特色的“小程序+”时代。


1小程序开发前环境准备

1.1首先在微信小程序开发平台注册

[网站]微信小程序 (qq.com)

1.2获取小程序AppID

1.3下载微信开发者工具


2新建项目

37e191fa6079ad1bb5a4acfb2611b2f.png 创建小程序包括项目名称,目录位置,AppID,开发模式,后端服务和模板。

如果只是测试功能AppID可以选择测试号


3开发者工具介绍

f2d1c4f71e2a4e0ed5021b98c16da2c.png 功能详细介绍见官网概览 | 微信开放文档 (qq.com)

项目目录

45f5da38f2e5049a54458305962505d.jpg

4app.json window字段介绍

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },

其中"backgroundTextStyle":"light",表示下拉刷新的颜色 light 光亮 navigationBarBackgroundColor": "#fff"表示导航栏背景颜色 #fff表示白色 "navigationBarTitleText": "Weixin",表示标题 "navigationBarTextStyle":"black"表示标题颜色black黑色

例子:我们将背景改为蓝色,标题为我的应用 白色

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#0094ff",
    "navigationBarTitleText": "微信应用",
    "navigationBarTextStyle":"white"
  },

e698ee53c6d19c718877f013240a4f8.png