小红书广告投放的小程序概述-精准获客

小红书广告投放小程序

小程序简介

小程序作为一种全新形式的应用程序，本文重点阐述了开发小程序与传统 Web 项目开发之间存在的差异。

小程序与普通网页开发的差异

小程序的核心开发语言是 JavaScript ，其开发与普通网页开发存在较高的相似性。对于前端开发者而言，从网页开发转向小程序开发的成本不算高，然而二者仍存在一定区别。

在网页开发中，渲染线程和脚本线程相互排斥，这就导致长时间的脚本运行可能致使页面失去响应。但在小程序里，二者是相互分离的，分别在不同的线程中运行。网页开发者能够运用各种浏览器所提供的 DOM API 来进行 DOM 的选取和操作。正如上文所说，小程序的逻辑层和渲染层是分开的，逻辑层在 JSCore 中运行，不存在完整的浏览器对象，所以缺少相关的 DOM API 和 BOM API 。这一区别致使前端开发中极为熟悉的一些库，比如 jQuery 、 Zepto 等，在小程序中无法运行。同时， JSCore 的环境与 NodeJS 环境也有所不同，因此部分 NPM 的包在小程序中同样无法运行。

网页开发者所面对的环境是形形色色的浏览器，在 PC 端要面对 IE 、 Chrome 、 QQ 浏览器等，在移动端则要面对 Safari 、 Chrome 以及 iOS 、 Android 系统中的各种 WebView 。而在小程序开发过程中，需要面对的是两大操作系统 iOS 和 Android 的小红书客户端，以及辅助开发的小程序开发者工具，小红书广告投放小程序中的三大运行环境也是存在区别的，详情如表所示。

小红书广告投放

网页开发者开发网页时，只需使用浏览器，并搭配一些辅助工具或编辑器即可。而小程序的开发则有所不同，需要经历申请小程序账号、安装小程序开发者工具、配置项目等一系列过程才能完成。

全局配置

小程序根目录下的


app.json

文件用于对小红书小程序进行全局配置。该文件的内容为一个 JSON 对象，具有以下属性：

配置项

小红书广告投放

pages

用于明确小程序由哪些页面构成，每一项都对应一个页面的路径（包含文件名）信息。文件名无需写文件后缀，框架会自动寻找对应位置的


.json

.js


.xhsml


.css

这四个文件进行处理。

数组中的第一项代表小程序的初始页面（首页）。

在小程序中新增或减少页面，都需要对 pages 数组进行修改。

例如开发目录为：

小红书广告投放

则需要在 app.json 中填写

{
"pages"
:
[
"pages/index/index"
,
"pages/logs/logs"
]
}

window

用于设定小程序的状态栏、导航条、标题、窗口背景色。

属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#000000	导航栏的背景颜色，例如 #000000
navigationBarTextStyle	string	white	导航栏标题的颜色，仅支持 black / white
navigationBarTitleText	string		导航栏标题的文字内容
navigationStyle	string	default	导航栏的样式，仅支持以下取值：default 为默认样式，custom 为自定义导航栏，仅保留右上角胶囊按钮。
backgroundColor	HexColor	#ffffff	窗口的背景颜色
enablePullDownRefresh	boolean	false	是否开启全局的下拉刷新。
onReachBottomDistance	number	50	页面上拉触底事件触发时距离页面底部的距离，单位为 px

注 1：HexColor（十六进制颜色值），如"#ff00ff"

例如：

{
"window"
:
{
"navigationBarBackgroundColor"
:
"#ffffff"
,
"navigationBarTextStyle"
:
"black"
,
"navigationBarTitleText"
:
"导航title"
,
"backgroundColor"
:
"#eeeeee"
,
"backgroundTextStyle"
:
"light"
}
}

tabBar

倘若小程序是一个多 tab 应用（客户端窗口的底部或顶部设有 tab 栏用于切换页面），能够通过 tabBar 配置项来指定 tab 栏的表现形式，以及 tab 切换时所显示的对应页面。

小红书广告投放

其中 list 接收一个数组，

只能配置最少 2 个、最多 5 个 tab

。tab 按照数组的顺序排列，每个项都是一个对象，其属性值如下：

属性	类型	必填	说明
pagePath	string	是	页面路径，必须在 pages 中预先定义
text	string	是	tab 上按钮的文字，建议控制在 2 – 5 个字符
iconPath	string	否	图片路径，icon 大小限制为 40kb ，建议尺寸为 81px * 81px ，不支持网络图片。
selectedIconPath	string	否	选中时的图片路径，icon 大小限制为 40kb ，建议尺寸为 81px * 81px ，不支持网络图片。

networkTimeout

各类网络请求的超时时间，单位均为毫秒。

<th style="box-sizing:border-box;text-align:inherit;padding:var(–size-space-default) var(–size-space-large);font-weight:var(–size-text-font-weight-default);border-width:1px;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:#F0F0F

THE END