分享有礼

开发者接入

打开命令行工具，开发者使用npm包管理器获取组件代码包：

	# 进入小程序源代码跟目录，例如 /root/swan
	cd /root/swan
	# npm 安装分享有礼组件
    npm install swan-activity

在页面中引用分享有礼组件：

<!-- pages/index/index.swan -->
<view class="container">
	<!--bind:tap绑定分享方法，方法名是跟页面的配置对应的-->
    <view bind:tap="share">分享有礼</view>
    <view bind:tap="directShare">分享到朋友圈</view>
</view>

分享参数与小程序分享API相同，链接地址：https://smartprogram.baidu.com/docs/develop/api/open_share/#swan-openShare/

/**
 * @file page/index/index.js
 * @author swan
 */
const share = require('swan-activity/share');
Page({
    data: {},
    onLoad() {
        // 注册活动，例如活动ID为'1'
        share.init('1');
    },
    share() {
        // 触发分享面板
        // 关于分享参数可以查看API
        share.open({
            title: '这份瞎买清单是真的香！',
            content: '疯狂爆灯，抢到就值！',
            path: '/pages/index/index'
        });
    },
    directShare() {
		// 渠道分享，例如不调起分享面板，直接分享到微信朋友圈
        share.open({
            title: '这份瞎买清单是真的香！',
            content: '疯狂爆灯，抢到就值！',
            path: '/pages/index/index'，
            // 分享渠道参数，可从分享API文档中获取详细说明
            mediaType: 'weixin_friend'
        });
	}
});

收藏有礼

开发者接入

开发者使用npm包管理器获取组件代码包：

	# 进入小程序源代码跟目录，例如 /root/swan
	cd /root/swan
	# npm 安装收藏有礼组件
    npm install swan-activity

安装成功后，在页面中引用收藏有礼组件

/**
 * @file page/index/index.js
 * @author swan
 */
const favor = require('swan-activity/favor');
Page({
    data: {},
    onShow() {
	    // 页面成功展示后
	    // 弹出收藏并领取积分弹窗，例如活动ID为'2'
        favor.open('2');
    }
});