# 使用checkin签到组件
为了让开发者更“懒”以及快速地集成推送SDK,我们又研发了更简便的方式:引入我们编写好的组件即可。
## 初始化
首先确认在`app.js`中已经初始化了`vPush`变量:
``` js
const vPush = require("/path/to/vpush-pro-sdk/vpush.pro.js");
App({
vPush: new vPush('你的微信小程序AppId'),
})
```
然后,我们在首页页面的`json`配置文件中,引入`checkin`组件:
``` json
{
"usingComponents": {
"vpush-checkin": "/path/to/vpush-pro-sdk/components/checkin"
}
}
```
这样,就已经初始化完毕啦!很简单吧!更简单的在后头~
## 引用
我们直接在首页的`wxml`文件中,引入这个组件,就可以了!
是的,什么都不需要操作,引入即可:
``` wxml
<vpush-checkin />
```
当然,你还可以传递如下三个参数自定义部分设置:
![](https://box.kancloud.cn/db57603884c7ba26146438335f4b00d6_513x219.png)
## 效果
这样集成SDK之后,每次你的小程序启动,都会检查今日是否已经签到,如果没签到,则会弹出这个提示框,用户点击后就会自动收集推送凭证啦!
你也就可以每天给这个签到的用户进行推送消息了!
![](https://box.kancloud.cn/1598b2b92c55ef0b291bf9de76c8310d_643x1138.png)