当前位置: 首页 > wzjs >正文

网站做缓存互联网营销师课程

网站做缓存,互联网营销师课程,广州个人网站制作,哪里有广告设计培训机构学习路之uniapp--unipush2.0推送功能--服务端推送消息 一、绑定云空间及创建云函数二、编写发送界面三、效果后期展望: 一、绑定云空间及创建云函数 package.json {"name": "server-push","dependencies": {},"main": &qu…

学习路之uniapp--unipush2.0推送功能--服务端推送消息

  • 一、绑定云空间及创建云函数
  • 二、编写发送界面
  • 三、效果
  • 后期展望:

一、绑定云空间及创建云函数

在这里插入图片描述

在这里插入图片描述

  • package.json
{"name": "server-push","dependencies": {},"main": "index.js","extensions": {"uni-cloud-push": {}}
}
  • index.js
'use strict';
const uniPush = uniCloud.getPushManager({appId:"__UNI__5630355"}) //注意这里需要传入你的应用appId,用于指定接收消息的客户端
exports.main = async (event, context) => {//event为客户端上传的参数console.log('event : ', event);let obj = JSON.parse(event.body)console.log('obj : ', obj);const res = await uniPush.sendMessage({"push_clientid": obj.cids, // 设备id,支持多个以数组的形式指定多个设备,如["cid-1","cid-2"],数组长度不大于1000  "title": obj.title, // 标题  "content": obj.content, // 内容  "payload": obj.data, // 数据  "force_notification": true, // 服务端推送 需要加这一句  "request_id": obj.request_id //请求唯一标识号,10-32位之间;如果request_id重复,会导致消息丢失   })//返回数据给客户端return res
};

二、编写发送界面

<template><view class="content"><view class="text-area"><text class="title">通知标题:</text><input class="uni-input" v-model="title" placeholder="输入标题" /></view><view class="text-area"><text class="title">通知内容:</text><input class="uni-input" v-model="content" placeholder="输入标题" /></view><text class="title">接收的设备:</text><text v-for="(item, index) in deviceIds"  >{{item}}</text><button @click="send">发送</button></view>
</template><script>export default {data() {return {deviceIds:[],//接收消息的设备title: '我是通知标题',content:'我是通知内容'+Math.floor(Math.random() * 100),}},onLoad() {uni.getPushClientId({success: (res) => {let push_clientid = res.cidconsole.log('客户端推送标识cid:', push_clientid,typeof push_clientid)this.deviceIds.push(push_clientid)}})},methods: {send(){console.log('aaaaaaaa');let send_data = {cids: this.deviceIds, // 使用存储的设备 IDtitle: this.title,content: this.content,data: {},request_id: "",};uniCloud.callFunction({name: "server-push", // 填写你自己的云函数名称data: {body: JSON.stringify(send_data) // 将数据转换为 JSON 字符串并赋值给 body},success(dataRes) {console.log("云函数返回的参数", dataRes)},fail(err) {console.log("云函数报错", err)},complete() {}})}}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}
</style>

三、效果

在这里插入图片描述

在这里插入图片描述

后期展望:

使用自已服务器接口获取CID集合,然后存在deviceIds数组,
再调用云函数

uniCloud.callFunction({name: "server-push", // 填写你自己的云函数名称data: {body: JSON.stringify(send_data) // 将数据转换为 JSON 字符串并赋值给 body},success(dataRes) {console.log("云函数返回的参数", dataRes)},fail(err) {console.log("云函数报错", err)},complete() {}})

就可以实现全局、点对点通知。

http://www.dtcms.com/wzjs/517987.html

相关文章:

  • wordpress 音乐站主题seo排名的公司
  • 代理企业网站备案怎么从网上找国外客户
  • 宿迁企业网站设计百度热词
  • 苏州网站建设情况seo优化托管
  • 网站备案需要营业执照吗短视频询盘获客系统
  • 加强人大门户网站建设百度网盘云资源搜索引擎
  • 网站如何做词网络推广员的工作内容
  • 出口退税备案在哪个网站做seo销售话术开场白
  • 网站虚拟主机销售seo分析seo诊断
  • 百度广告联盟怎么赚钱武汉seo推广
  • 教育网站建设的策划方案灰色行业关键词优化
  • 做视频分享网站济南seo
  • 专门做网站开发的公司吸引人的软文
  • 大气网站特点济南seo怎么优化
  • 网站建设与管理(第2版)系统优化软件推荐
  • 网站服务器的DNs怎么查运营和营销的区别和联系
  • 加快网站打开速度uc推广登录入口
  • 笋岗网站建设互联网电商平台有哪些
  • 免费制作广州网站竞价排名的定义
  • wordpress 分类idseo搜索优化专员
  • 找事做网站百度投放平台
  • 展示型网站设计方案客服外包
  • 中山企业推广网站制作seo站长工具下载
  • 国家企业信用信息年报如何优化关键词的方法
  • 万网注册域名做简单网站龙华百度快速排名
  • html5响应式布局优化一下
  • 哪个公司做网站比较好百度免费推广怎么做
  • 珠海网站建设案例参考消息网国内新闻
  • 南宁的公司有哪些扬州网络优化推广
  • 网站推广包括什么是域名