bloom 资讯(news) -九游会国际

webapp快捷打包
bloom 资讯(news)
转到模块插件

敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌

js-sdk 引用方式:

♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge

config 配置

jsbridge.bmnews.config({
  //资讯 app id
  //可在打包模块里面配置,以此 js 接口的配置值优先
  app_id : "ba0063bfbc1a5ad878",
  //可选,用户id,后期可调用 setuserid 设置
  user_id: "13800138000"
}, function(succ, data) {
  alert(succ ? "成功" : "失败:"   json.stringify(data));
});

事件监听

setlistener 设置监听器

• 如需接口调用事件,请设置此监听器;

jsbridge.bmnews.setlistener(function(event, data) {
  if (event == "onreadingstart") {
    //倒计时
    jsbridge.bmnews.startcountdown({
      countdownseconds   : 10,
      scrolleffectseconds: 3,
      rewarddata         : 5,
      //可选,ui 界面设置
      ui: {
        //进度条中间的图标
        icon: "http://www.zhidianwl.com/assets/img/bm-news.png",
        //已完成进度条颜色
        finishedcolor  : "#ff0000",
        //未完成进度条颜色
        unfinishedcolor: "#bbbbbb",
        //完成任务后的奖励文字颜色
        rewardcolor    : "#0000ff"
      }
    }, function(succ, data) {
      showresult({
        event: "倒计时执行结果",
        succ : succ,
        data : data
      });
    });
  } else if (event == "onreward") {
    //发放奖励
    //do something...
    //通知app奖励发放情况
    jsbridge.bmnews.setrewardresult({
      success   : true,
      rewarddata: 5
    }, function(succ, data) {
      showresult({
        event: "通知结果",
        succ : succ,
        data : data
      });
    });
  };
  showresult({
    event: event,
    data : data
  });
});
//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrolltop: $('#view').offset().top }, 500);
/**
回调参数说明:
event - 事件代码,字符串类型
  onreadingstart    资讯开始阅读回调,此时可以决定是否显示倒计时
  onreadingpause    资讯暂停阅读回调
  onreadingresume   资讯恢复阅读回调
  onreward          倒计时结束回调,此时可以给用户发放奖励
  onreadingend      资讯结束阅读回调
data  - 事件数据,json 对象
**/

removelistener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setlistener
jsbridge.bmnews.removelistener();

展示

show 展示资讯

//展示资讯
jsbridge.bmnews.show({
  //标题
  title  : "看新闻 观天下",
  //可选,字符串类型,资讯栏目,默认空
  //为空时 - 多 tab 信息流
  //非空时 - 单列表信息流
  channel: "推荐",
  //可选,字符串类型,主题颜色,light 浅色,dark 深色,默认 light
  theme  : "light"
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

show 展示资讯 - 深色

//展示资讯
jsbridge.bmnews.show({
  title  : "大事小事天下事",
  channel: "",
  theme  : "dark"
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

阅读倒计时(激励)

startcountdown 开始倒计时

//开始倒计时
//请务必在 setlistener 监听器中 event 为 onreadingstart 时调用此倒计时接口
jsbridge.bmnews.startcountdown({
  //时长(秒)
  countdownseconds   : 10,
  //滚动作用时间(秒),到期后暂停计时,再滚动继续计时;小于等于0不滚动也不会暂停计时
  scrolleffectseconds: 3,
  //整数,激励数量(发多少奖励)
  rewarddata         : 5,
  //可选,ui 界面设置
  ui: {
    //进度条中间的图标
    icon: "http://www.zhidianwl.com/assets/img/bm-news.png",
    //已完成进度条颜色
    finishedcolor  : "#ff0000",
    //未完成进度条颜色
    unfinishedcolor: "#bbbbbb",
    //完成任务后的奖励文字颜色
    rewardcolor    : "#0000ff"
  }
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

setrewardresult 发放奖励

//发放奖励
//请务必在 setlistener 监听器中 event 为 onreward 时发放奖励
//奖励发放后调用此 setrewardresult 通知 app 发放奖励的结果
jsbridge.bmnews.setrewardresult({
  //必须,布尔类型,奖励是否发放成功
  success   : true,
  //必须,数字类型,实际发放的奖励数量
  rewarddata: 5
}, function(succ, data) {
  if (!succ) {
    alert(json.stringify(data));
  }
});

用户

setuserid 登录

//登录
jsbridge.bmnews.setuserid({
  user_id : "13800138000"
}, function(succ, data) {
  alert(succ ? "已登录" : json.stringify(data));
});

setuserid 退出

//退出
jsbridge.bmnews.setuserid({
  //用户id留空则表示退出
  user_id : ""
}, function(succ, data) {
  alert(succ ? "已退出" : json.stringify(data));
});

监听回调数据:

网站地图