# 使用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)