微信官方简易教程:小程序配置 app.json 详细解读

2024-05-29
来源:网络整理

本文将详细介绍如何开发小程序,小编觉得很实用,所以分享给大家参考,希望大家看完本文后能有所收获。

微信官方简单教程

我们先来看一下微信官网提供的简单教程。

首先,注册一个小程序账号后,需要安装开发工具,然后在官方的开发工具中输入代码。

基本代码组成:

JSON 配置:

我们可以看到在项目的根目录下有app.json和..json,在/logs目录下还有一个logs.json,我们来一一解释一下它们的用途。小程序配置app.json,app.json是当前小程序的全局配置,包括小程序的所有页面路径、接口表现、网络超时、底部tab等

WXML 模板:

从事过Web编程的人都知道,Web编程采用的是HTML+CSS+JS的组合,其中HTML用于描述当前页面的结构,CSS用于描述页面的外观,而JS通常用于处理页面与用户的交互。

WXSS 风格:

WXSS 拥有 CSS 的大部分功能,小程序也对 WXSS 做了一些扩展和修改。增加了新的尺寸单位,开发者在编写 CSS 样式时,需要考虑到移动设备的屏幕宽度和设备像素比不同,使用一些技巧对部分像素单位进行转换。WXSS 在底层支持了新的尺寸单位 rpx,开发者可以省去转换的麻烦,直接让小程序底层来做转换即可。由于转换使用了浮点运算,计算结果会和预期结果有稍许偏差。提供了全局样式和局部样式,概念和之前的 app.json 和 page.json 一样,可以编写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 只对当前页面有效。另外,WXSS 只支持部分 CSS 选择器。

JS交互逻辑:

一个服务仅仅展示界面是不够的,它还需要与用户进行交互:响应用户的点击,获取用户的位置等。在小程序中,我们通过编写JS脚本文件来处理用户操作。

好了,以上就是官方对“简易教程”基础的一小部分定义。是的,简易教程,“简易”。。。。介绍完这个,我已经感觉不到所谓的“简易”二字了。

学完基础,还有更多进阶章节等着你,框架、组件、API、工具。这些字眼看着简单,但拓展开来的内容足以写出好几本教材了。这一刻我的脑海里浮现出多少只羊驼……

如何三分钟快速创建一个小程序

我们不去分析官方教程定义是否简单,对于一个商家或者企业来说,我做一个小程序,需要知道那么多的代码知识。或者有人会说,我可以雇一个程序员,一个设计师,是的,有钱人可以,但是程序员也要花时间敲代码,设计……做出这一整套东西,聪明人可能至少要花一两个月,半年,甚至几年的时间才能学会。

在当今竞争激烈的社会,我们公司、企业都强调时间就是金钱,与同行竞争抢占先机。你还愿意花那么多时间去学习、写代码,甚至雇人增加成本吗?我想你的答案是否定的。

那么有没有什么方法可以让我们简单又快捷的创建小程序呢?

当然!

接下来我们来看看如何在不需要任何编码知识的情况下轻松创建一个小程序,教你如何制作一个小程序!

搜索-城市网站联盟-进入官网-一键生成

“城市联盟”小程序可视化制作工具的装修界面,左侧清晰的显示了“页面、组件、模块、模板”的功能,中间是可视化设计界面,右侧是设置。

成分

组件功能可以添加文字、图片、视频、文章、商品列表等元素,可以自定义样式、大小、边框、背景、颜色、阴影、圆角、透明效果等功能,以及幻灯片效果。

模块

模块库包含现成的适合各行业场景的组件模块,包括幻灯片轮播、导航栏、商品展示、图文展示、纯文本、创意图文、元素图标、商品列表、精美标题分类等。用户可一键添加模块布局页面,无需重新设计布局即可自定义组件内容。模块组件多,适应性高,拖拽即可完成,可自由组合搭配,真正实现千店千人。

模板

模板库包含适合各行业场景的现成模板,用户可一键添加和使用布局页面,模板上的内容可自定义,布局可重新设计定制,模板数量多,适配性高,一键生成,让你制作小程序更快捷。

如果使用模板功能的话,一键生成、一键使用,只需要不到三分钟的时间,就可以制作一个小程序,是不是很方便呢?

说到这里,关键是什么呢?

关键是后台不用写代码,不用写代码,不用写代码,我要说三遍!简直傻瓜式操作,拖拽页面元素就能设计,布局只需要添加文字、图片、模块、模板,鼠标拖到位置,就能轻松制作出自己想要的样式,想怎么弄就怎么弄,一键生成小程序,对比官方的“简单”教程,是不是非常简单呢?

《如何开发小程序》这篇文章就到此结束了,希望以上内容能够对大家有所帮助,让大家学到更多的知识。如果觉得文章不错的话,请分享出去,让更多的人看到。

分享