下载APP 编程狮,随时随地学编程
返回 首页

支付宝小程序开发文档

开始阅读
手册说明:

2017 年可以说是小程序元年,年初微信拉开大幕,各方力量竞相参与的场景至今还让人记忆犹新。与此同时,作为另一方力量的阿里巴巴,坊间也很早就传出支付宝小程序在开发的消息,但直到今年九月末,支付宝才正式面向公众发布了自家小程序平台。

欢迎加入w3cschool的“支付宝小程序开发交流”群交流相关问题,群号:546186201



支付宝小程序是什么


  1. 支付宝小程序是继微信小程序之后的一种全新开放模式。它运行在支付宝客户端,可以被便捷地获取和传播,为终端用户提供更优的用户体验。
  2. 小程序开放给开发者更多的JSAPI和OpenAPI能力,通过小程序可以为用户提供多样化便捷服务。 
  3. 目前已经确认的支付宝小程序入口有:支付宝首页、应用中心、消息中心、小程序市场、生活号、口碑店铺页、卡券包。 
  4. 支付宝小程序的API接口和使用场景与微信小程序相比,支付宝小程序的API接口和使用场景有一些不同。


支付宝小程序的目标客户


弄清这个问题之前,我们先要搞清楚,微信和支付宝的小程序,目标客户究竟是谁?

先来梳理一下,从身份看,开发者可能是:

  1. 个体开发者;
  2. 企业;
  3. 政府、事业单位及其他公共服务提供者。

从类型上看,开发者可能会做:

  1. 纯线上工具;
  2. 线上娱乐内容;
  3. 其他互联网平台公司的迷你版;
  4. 线上商户(电商)的交易;
  5. 线下商户、服务的交易使用;

从体量上看,开发者可能是:

  1. 头部商家、机构;
  2. 中长尾商户;
  3. 小微企业、早期创业者;

从实战中看,尽管微信强调“再小的个体也有自己的品牌”,但却明显会有自己的倾向:

  1. 个体开发者可以凭兴趣情怀来做,却难成气候;
  2. 纯线上工具如果无法赢利,一样是情怀和兴趣;
  3. 其他互联网平台公司的迷你版可以做,但更多是政治意义,对双方帮助都不大;
  4. 纯线上内容对标公众号和其他内容平台,没有明显的优势,显得多此一举;
  5. 没多少流量红利,早期创业者想靠小程序一举逆袭,恐怕不容易;
  6. 围绕“支付”的线上、线下商家,是兵家必争之地。

所以,小程序对微信的意义是战略性、进攻性的,是明修栈道、暗度陈仓。试想,如果微信利用“小程序加支付”做出哪怕是五分之一个淘宝(电商)或者新美大(O2O),它对腾讯的市值激增都将带来不可想象的刺激。

而另一边,支付宝小程序的意义乍一看并没有那么大,服务好企业商家本来就是阿里系的基因,是分内之事,小程序只是在阿里系的淘宝页面、直通车、码战略、AR能力之外,加上了一个新的配套选项。


支付宝小程序开发工具下载




目录

支付宝小程序介绍

支付宝小程序 开放能力

支付宝小程序 获取会员信息
支付宝小程序 接入支付
支付宝小程序 芝麻信用评分(普惠版)
支付宝卡包产品介绍
蚂蚁金服支付宝开发文档——第三方应用授权
支付宝小程序介绍 信用借还
支付宝小程序 二维码
支付宝小程序 安全检测
支付宝小程序DEMO

支付宝小程序开发文档

蚂蚁支付宝小程序开发教程手册文档

支付宝小程序 开发入门

支付宝小程序 快速开始
支付宝小程序 开发提效工具与资源
支付宝小程序 术语库

支付宝小程序 小程序开发指南

支付宝小程序指南 开发者入驻
支付宝小程序指南 创建小程序
支付宝小程序指南 成员管理
支付宝小程序指南 详解Todo示例
支付宝小程序指南 提审、发布与运营

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 快速示例·介绍
支付宝小程序 快速示例·概览

支付宝小程序 UI

支付宝小程序 UI·级联选择(最大三级)
支付宝小程序 UI·上滑加载更多
支付宝小程序 UI·透明标题栏
支付宝小程序 UI·页面水印
支付宝小程序 UI·获取手机验证码
支付宝小程序 UI·景区导航
支付宝小程序 UI·图片放大
支付宝小程序 UI·选项卡
支付宝小程序 UI·历史记录-公积金缴存
支付宝小程序 UI·证件上传
支付宝小程序 UI·历史记录-生活缴费
支付宝小程序 UI·办理流程-步骤提醒
支付宝小程序 UI·历史记录-出行消费
支付宝小程序 UI·历史记录-缴款记录
支付宝小程序 UI·历史记录-出入境记录
支付宝小程序 UI·新手引导-ETC 步骤
支付宝小程序 UI·新手引导-ETC 等待
支付宝小程序 UI·步骤条
支付宝小程序 UI·查询动画
支付宝小程序 UI·刷脸动画
支付宝小程序 UI·新手引导-欢迎弹层
支付宝小程序 UI·新手引导-引导插画
支付宝小程序 UI·消息通知-提醒

支付宝小程序 云与开放能力

支付宝小程序 快速示例·花呗支付
支付宝小程序 快速示例·现金红包
支付宝小程序 快速示例·线下买单
支付宝小程序 快速示例·小程序支付
支付宝小程序 快速示例·小程序二维码
支付宝小程序 快速示例·获取会员信息
支付宝小程序 快速示例·模板消息
支付宝小程序 快速示例·支付宝卡包
支付宝小程序 快速示例·服务端基于函数计算搭建的 TODO List 模板
支付宝小程序 快速示例·相册
支付宝小程序 快速示例·运动步数
支付宝小程序 快速示例·支付即会员场景

支付宝小程序 行业

支付宝小程序 行业·门店商场
支付宝小程序 行业·智能售货柜小程序模板
支付宝小程序 行业·公交卡小程序模板
支付宝小程序 行业·优惠加油小程序模板
支付宝小程序 行业·定制公交
支付宝小程序 行业·扫码购模板
支付宝小程序 行业·人社查询模板市场化
支付宝小程序 行业·行业链路
支付宝小程序 行业·支付宝信用卡还款
支付宝小程序 行业·一网通办小程序

支付宝小程序 服务端快速示例

支付宝小程序 服务端·概述
支付宝小程序 服务端·当面付 DEMO
支付宝小程序 服务端·生活号(原服务窗)DEMO
支付宝小程序 服务端·分享给支付宝好友 DEMO&SDK
支付宝小程序 服务端·H5 JSAPI DEMO
支付宝小程序 服务端·手机网站支付 DEMO

支付宝小程序 框架

支付宝小程序框架 概述

支付宝小程序框架 小程序全局配置

支付宝小程序框架 全局配置介绍
支付宝小程序框架 app.json 全局配置
支付宝小程序框架 app.acss 全局样式
支付宝小程序框架 app.js 注册小程序
支付宝小程序框架 getApp 方法
支付宝小程序框架 多语言配置

支付宝小程序 小程序页面

支付宝小程序框架 页面·介绍
支付宝小程序框架 页面·配置
支付宝小程序框架 页面·结构
支付宝小程序框架 页面·样式
支付宝小程序框架 页面·运行机制
支付宝小程序框架 页面·getCurrentPages方法
支付宝小程序框架 页面·常见问题

支付宝小程序框架 AXML

支付宝小程序框架 AXML·介绍
支付宝小程序框架 AXML·数据绑定
支付宝小程序框架 AXML·条件渲染
支付宝小程序框架 AXML·列表渲染
支付宝小程序框架 AXML·模板
支付宝小程序框架 AXML·引用

支付宝小程序框架 SJS语法

支付宝小程序框架 SJS·介绍
支付宝小程序框架 SJS·变量
支付宝小程序框架 SJS·注释
支付宝小程序框架 SJS·运算符
支付宝小程序框架 SJS·语句
支付宝小程序框架 SJS·数据类型
支付宝小程序框架 SJS·基础类库
支付宝小程序框架 SJS·esnext
支付宝小程序框架 ACSS·语法参考

支付宝小程序框架 事件系统

支付宝小程序框架 事件·介绍
支付宝小程序框架 事件·对象
支付宝小程序框架 事件·小程序运行机制
支付宝小程序框架 事件·小程序的JavaScript引擎
支付宝小程序框架 事件·小程序场景值

支付宝小程序框架 自定义组件

支付宝小程序框架 自定义组件·介绍

支付宝小程序框架 创建自定义组件

支付宝小程序框架 自定义组件·配置
支付宝小程序框架 自定义组件·模板和样式
支付宝小程序框架 自定义组件·对象
支付宝小程序框架 自定义组件·生命周期
支付宝小程序框架 自定义组件·mixins
支付宝小程序框架 自定义组件·ref获取组件实例
支付宝小程序框架 自定义组件·使用
支付宝小程序框架 自定义组件·发布
支付宝小程序框架 自定义组件·常见问题
支付宝小程序框架 分包加载
支付宝小程序框架 兼容
支付宝小程序框架 基础库
支付宝小程序框架 性能优化建议

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 基础组件·概述
支付宝小程序组件 扩展组件·概述

支付宝小程序组件 视图容器

支付宝小程序组件 视图容器·view
支付宝小程序组件 滑块视图容器·swiper
支付宝小程序组件 可滚动视图区域·scroll-view
支付宝小程序组件 文本视图·cover-view
支付宝小程序组件 图片视图·cover-image
支付宝小程序组件 可移动视图容器·movable-view
这部分小程序组件 可移动视图区域·movable-area

支付宝小程序组件 基础内容

支付宝小程序基础组件 文本·Text
支付宝小程序基础组件 图标·Icon
支付宝小程序基础组件 进度条·Progress

支付宝小程序 表单组件

支付宝小程序表单组件 按钮·Button
支付宝小程序表单组件 表单·Form
支付宝小程序表单组件 Label
支付宝小程序表单组件 输入框·Input
支付宝小程序表单组件 输入框·Textarea
支付宝小程序表单组件 Radio
支付宝小程序表单组件 单选项目组·radio-group
支付宝小程序表单组件 多选项目·Checkbox
支付宝小程序表单组件 多项选择器组·checkbox-group
支付宝小程序表单组件 单选项目·Switch
支付宝小程序表单组件 滑动选择器·Slider
支付宝小程序表单组件 滚动选择器·Picker View
支付宝小程序表单组件 底部弹起的滚动选择器·Picker

支付宝小程序组件 导航

支付宝小程序导航组件 页面链接·Navigator

支付宝小程序组件 媒体

支付宝小程序媒体组件 图片·Image
支付宝小程序媒体组件 视频·video
支付宝小程序媒体组件 动画·lottie

支付宝小程序 画布

支付宝小程序画布组件 画布·Canvas

支付宝小程序 地图

支付宝小程序地图组件 地图·Map
支付宝小程序地图组件 地图·map高级定制渲染

支付宝小程序 开放组件

支付宝小程序开放组件 web view

支付宝小程序开放组件 web-view·常见问题
支付宝小程序开放组件 web-view·配置H5域名
支付宝小程序开放组件 web-view·H5页面承载
支付宝小程序开放组件 关注生活号组件·lifestyle
支付宝小程序开放组件 智能客服·Contact-button
支付宝小程序开放组件 小程序推广位

支付宝小程序组件 无障碍访问

支付宝小程序组件 无障碍访问·aria-component

支付宝小程序 扩展组件

支付宝小程序扩展组件 概述

支付宝小程序扩展组件 UI组件

支付宝小程序扩展组件 布局导航

支付宝小程序扩展组件 容器·Container
支付宝小程序扩展组件 模块标题·Title
支付宝小程序扩展组件 列表·List
支付宝小程序扩展组件 列表元素·List-item
支付宝小程序扩展组件 列表次级信息元素·List-secondary
支付宝小程序扩展组件 横向选项卡·Tabs
支付宝小程序扩展组件 纵向选项卡·Vtabs
支付宝小程序扩展组件 卡片·Card
支付宝小程序扩展组件 票券·Coupon
支付宝小程序扩展组件 宫格·Grid
支付宝小程序扩展组件 步骤条·Steps
支付宝小程序扩展组件 页脚·Footer
支付宝小程序扩展组件 协议·Terms
支付宝小程序扩展组件 布局·Flex
支付宝小程序扩展组件 折叠面板·Collapse

支付宝小程序浮层组件 操作浮层

支付宝小程序浮层组件 气泡·Popover
支付宝小程序浮层组件 筛选·filter
支付宝小程序浮层组件 对话框·Modal
支付宝小程序浮层组件 弹出菜单·Popup

支付宝小程序扩展组件 结果类

支付宝小程序结果类组件 异常页·Page-result
支付宝小程序结果类组件 结果页·Message

支付宝小程序扩展组件 提示引导

支付宝小程序引导组件 引导·Tips
支付宝小程序引导组件 通告栏·Notice
支付宝小程序引导组件 徽标·Badge
支付宝小程序引导组件 标签·Tag
支付宝小程序引导组件 背景蒙层·Mask
支付宝小程序引导组件 遮罩引导·Guide
支付宝小程序引导组件 头像·Avatar

支付宝小程序扩展组件 表单类

支付宝小程序扩展表单 文本输入·InputItem
支付宝小程序扩展表单 验证码输入框·VerifyCode
支付宝小程序扩展表单 选择输入·PickerItem
支付宝小程序扩展表单 长密码框·Long Password
支付宝小程序扩展表单 多行输入·MultiLiner
支付宝小程序扩展表单 金额输入·AmountInput
支付宝小程序扩展表单 按钮·Button
支付宝小程序扩展表单 开关·Am-switch
支付宝小程序扩展表单 搜索框·SearchBar
支付宝小程序扩展表单 单选框·AMRadio
支付宝小程序扩展表单 复选框·Am-checkbox

支付宝小程序组件 手势类

支付宝小程序手势组件 可滑动单元格·SwipeAction

支付宝小程序手势组件 其他

支付宝小程序其他手势 分页符·Pagination
支付宝小程序其他手势 日历·Calendar
支付宝小程序其他手势 步进器·Stepper
支付宝小程序其他手势 图标·Am-icon
支付宝小程序其他手势 字母检索表·Alphabet
支付宝小程序其他手势 加载·Loading

支付宝小程序 营销组件

支付宝小程序营销组件 介绍
支付宝小程序营销组件 使用说明
支付宝小程序营销组件 大转盘·wheel-draw
支付宝小程序营销组件 水果机·wheel-draw
支付宝小程序营销组件 刮刮卡·scratch-card
支付宝小程序营销组件 砸金蛋·hit-eggs
支付宝小程序营销组件 摇骰子·dice-roller
支付宝小程序营销组件 翻牌抽奖·flip-draw
支付宝小程序营销组件 手势解锁·lock

支付宝小程序 API

支付宝小程序API 界面

支付宝小程序API 导航栏
支付宝小程序API TabBar
支付宝小程序API 路由
支付宝小程序API 交互反馈
支付宝小程序API 下拉刷新
支付宝小程序API 联系人
支付宝小程序API 选择城市
支付宝小程序API 选择日期
支付宝小程序API 动画·Animation
支付宝小程序API 画布·canvas
支付宝小程序API 地图
支付宝小程序API 计算路径
支付宝小程序API 键盘
支付宝小程序API 滚动
支付宝小程序API 节点查询
支付宝小程序API 选项选择器
支付宝小程序API 级联选择
支付宝小程序API 设置窗口背景
支付宝小程序API 设置页面是否支持下拉
支付宝小程序API 设置 optionMenu
支付宝小程序API 字体

支付宝小程序 多媒体

支付宝小程序API 图片
支付宝小程序API 视频播放
支付宝小程序API音频播放
支付宝小程序API 缓存
支付宝小程序API 文件
支付宝小程序API 位置
支付宝小程序API 网络

支付宝小程序API 设备

支付宝小程序API 获取基础库版本号
支付宝小程序API canIUse
支付宝小程序API 系统信息
支付宝小程序API 网络状态
支付宝小程序API 剪贴板
支付宝小程序API 摇一摇
支付宝小程序API 震动
支付宝小程序API 加速度计
支付宝小程序API 陀螺仪
支付宝小程序API 罗盘
支付宝小程序API 拨打电话
支付宝小程序API 获取服务器时间
支付宝小程序API 用户截屏事件
支付宝小程序API 屏幕亮度
支付宝小程序API 设置
支付宝小程序API 添加手机联系人
支付宝小程序API 权限引导
支付宝小程序API 扫码
支付宝小程序API 内存不足告警
支付宝小程序API 获取设备电量
支付宝小程序API 蓝牙
支付宝小程序API 数据安全
支付宝小程序API 分享
支付宝小程序API 自定义通用菜单
支付宝小程序API 自定义分析
支付宝小程序API 更新管理
支付宝小程序API web-view组件控制
支付宝小程序API 跳转支付宝应用或页面
支付宝小程序API 升级支付宝最新版本
支付宝小程序API 小程序跳转
支付宝小程序API 用户授权
支付宝小程序API 小程序唤起支付
支付宝小程序API 周期扣款
支付宝小程序API 获取会员基础信息
支付宝小程序API 获取会员收货地址
支付宝小程序API 支付宝卡包
支付宝小程序API 商户会员卡
支付宝小程序API 运动数据
支付宝小程序API 获取会员手机号
支付宝小程序API 先享后付款
支付宝小程序API 营销反作弊
支付宝小程序API 文本风险识别
支付宝小程序API 图片内容安全

支付宝小程序 开发工具

支付宝小程序 开发工具概览

支付宝小程序 界面

支付宝小程序API 启动界面
支付宝小程序API 主界面
支付宝小程序API 工具栏
支付宝小程序API 模拟器
支付宝小程序 编码

支付宝小程序 小程序调试

支付宝小程序 IDE 调试
支付宝小程序 真机调试
支付宝小程序 性能调试
支付宝小程序 联调设置
支付宝小程序 打包上传
支付宝小程序 体验版测试
支付宝小程序 设置

支付宝小程序 功能面板

支付宝小程序 NPM 包管理
支付宝小程序 Git 管理
支付宝小程序 可视化辅助编程(Beta)
支付宝小程序 开发者中心

支付宝小程序 实验室

支付宝小程序 体验评分

支付宝小程序 简介
支付宝小程序 评分规则
支付宝小程序 性能
支付宝小程序 体验
支付宝小程序 最佳实践

支付宝小程序 预审核

支付宝小程序 简介
支付宝小程序 性能体验评测规范
支付宝小程序 体验评测规范
支付宝小程序 最佳实践评测规范
支付宝小程序 静态扫描评测规范
支付宝小程序 页面功能评测规范
支付宝小程序 特殊场景检测规范
支付宝小程序 真机云测
支付宝小程序 质量洞察
支付宝小程序 商家自审核

支付宝小程序 IDE扩展

支付宝小程序 代码静态检查
支付宝小程序 沙箱环境切换扩展
支付宝小程序 uni-app 跨平台开发扩展
支付宝小程序 Anymock 场景数据平台扩展
支付宝小程序 口碑商家小程序开发
支付宝小程序开发工具 下载
支付宝小程序 IDE 常见问题

支付宝小程序 多端发布

支付宝小程序 多端发布概述
支付宝小程序 各端通用组件和 API
支付宝小程序 各端扩展组件和 API

支付宝小程序 插件

支付宝小程序插件 介绍
支付宝小程序插件 开发者申请指南

支付宝小程序 插件类型

支付宝小程序 通用插件

支付宝小程序 门店插件

支付宝小程序门店插件 简介

支付宝小程序门店插件 协议

支付宝小程序门店插件 协议·概述
支付宝小程序门店插件 协议·秒杀
支付宝小程序门店插件 协议·拼团

支付宝小程序 插件获取与使用

支付宝小程序插件 插件定购
支付宝小程序插件 插件使用

支付宝小程序 插件开发与发布

支付宝小程序插件 插件应用创建
支付宝小程序插件 插件开发
支付宝小程序插件 插件提审
支付宝小程序插件 插件发布
支付宝小程序插件 插件管理
支付宝小程序插件 插件授权
支付宝小程序插件 插件后端开发
支付宝小程序插件 插件联调

支付宝小程序 插件相关API

支付宝小程序插件 相关API
支付宝小程序 更新日志

支付宝小程序 云服务

支付宝小程序 云和云服务控制台

支付宝小程序 Serverless

支付宝小程序 Serverless 介绍

支付宝小程序 快速开始

支付宝小程序 开通小程序云
支付宝小程序 使用操作指南

支付宝小程序Serverless 云调用指南

支付宝小程序Serverless 云调用概述
支付宝小程序Serverless 云调用的使用

支付宝小程序Serverless 基础能力API

支付宝小程序Serverless 基础能力API·cloud.base.oauth.getToken
支付宝小程序Serverless 基础能力API·cloud.base.oauth.refreshToken
支付宝小程序Serverless 基础能力API·cloud.base.qrcode.create

营销能力API

支付宝小程序Serverless 营销能力API·cloud.marketing.templateMessage.send

会员能力API

支付宝小程序Serverless 会员能力API·cloud.member.identification.init
支付宝小程序Serverless 会员能力API·cloud.member.identification.certify
支付宝小程序Serverless 会员能力API·cloud.member.identification.query

支付能力 API

支付宝小程序Serverless 支付能力API·cloud.payment.common.create
支付宝小程序Serverless 支付能力API·cloud.payment.common.query
支付宝小程序Serverless 支付能力API·cloud.payment.common.refund
支付宝小程序Serverless 支付能力API·cloud.payment.common.close
支付宝小程序Serverless 支付能力API·cloud.payment.common.cancel
支付宝小程序Serverless 支付能力API·cloud.payment.huabei.create
支付宝小程序Serverless 支付能力API·cloud.payment.faceToFace.pay

安全能力 API

支付宝小程序Serverless 安全能力API·cloud.security.textRisk.detect

资金能力 API

支付宝小程序Serverless 资金能力API·cloud.fund.transferAccount.transfer
支付宝小程序Serverless 资金能力API·cloud.fund.tansferAccount.query
支付宝小程序Serverless 资金能力API·cloud.fund.transferBankcard.transfer
支付宝小程序Serverless 资金能力API·cloud.fund.transferBankcard.query
支付宝小程序Serverless 资金能力API·cloud.fund.b2cRedPacket.send
支付宝小程序Serverless 资金能力API·cloud.fund.b2cRedPacket.query

支付宝小程序Serverless 通用接口API

支付宝小程序Serverless 通用接口API·cloud.util.generic.execute

支付宝小程序Serverless 阿里云能力API

支付宝小程序Serverless 阿里云能力API·aliyun.shortMessage.send
支付宝小程序Serverless 阿里云能力API·aliyun.shortMessage.batchSend
支付宝小程序Serverless 阿里云能力API·Serverless 服务空间管理
支付宝小程序Serverless 阿里云能力API·Serverless云函数
支付宝小程序Serverless 阿里云能力API·Serverles 数据库管理
支付宝小程序Serverless 阿里云能力API·Serverless 文件管理

支付宝小程序 小程序云应用

支付宝小程序 云应用介绍

支付宝小程序 云快速开始

支付宝小程序 云应用·开通小程序云
支付宝小程序 云应用·操作指南
支付宝小程序 更新日志

支付宝小程序 扩展能力

支付宝小程序扩展能力 概述

支付宝小程序扩展能力 质量体检

支付宝小程序扩展能力 性能解决方案

支付宝小程序扩展能力 性能解决方案
支付宝小程序扩展能力 附录 1:优化 setData 逻辑方案明细
支付宝小程序扩展能力 附录 2:商家自审核工具
支付宝小程序扩展能力 附录 3:性能调试工具

支付宝小程序扩展能力 稳定性解决方案

支付宝小程序扩展能力 白屏解决方案
支付宝小程序扩展能力 页面访问受限解决方案

支付宝小程序扩展能力 开发框架

支付宝小程序扩展能力 Remax

支付宝小程序扩展能力 AnBuilder框架

支付宝小程序扩展能力 AntBuilder 安装运行手册
支付宝小程序扩展能力 AntBuilder 用户信息对接指南
支付宝小程序扩展能力 AntBuilder 会员接入指南
支付宝小程序扩展能力 消息组件使用手册

支付宝小程序扩展能力 工具类库

支付宝小程序扩展能力 支持TypeScript
支付宝小程序扩展能力 Bling
支付宝小程序扩展能力 小程序WebIDE使用指南
支付宝小程序扩展能力 支付宝小程序内嵌H5页面

支付宝小程序扩展能力 命令行工具alipaydev

支付宝小程序扩展能力 alipaydev命令行(CLI)
支付宝小程序扩展能力 alipaydevSDK

支付宝小程序 常见问题

如何发布支付宝小程序?
如何开发支付宝小程序?

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }