小米Push

1. 小米推送介绍(着急集成移步第二节)

1. 小米推送咋样?

截止2020年底,小米推送累计接入应用40000+,覆盖设备数13亿,每天发送消息100+亿条。

设备联网有效推送送达率90%以上(说实话,不高,都联网了,不应该接近100%吗)

2. 小米推送类型?

支持通知栏提醒透传消息两种类型,同时提供运营平台API两种推送消息下发方式

3. 小米推送样式?

MIUI10(目前最新版本MIUI12.5)以上,同一个App的所有通知栏消息会聚合成一个消息组,消息组最多支持展示10条消息,超过10条消息,会自动删除一条最老的消息并补上来一条新消息

4. 小米推送实现方式?

小米推送支持标签(Topic)、RegID、别名(Alias)、Useraccount四种消息发送方式

目前APP常用的推送是RegID推送

5. 基于 RegID的推送

RegID是小米推送为每个设备上的每个app注册推送服务时生成的唯一标识

RegID是在客户端向小米推送服务注册时,小米推送服务端根据设备标识、AppID以及当前时间戳生成,因此能够保证每个设备上每个app对应的regID都是不同的

PS: RegID在应用卸载或清除本地数据后会重新生成

6. 自MIUI 9开始,新增了通知过滤的功能

通知过滤是指通过分析用户对通知的操作,来个性化地确定通知的重要与不重要,然后将不重要的通知收纳进一个统一的页面。

7. MIUI 10

MIUI 10 通知栏基于 Android O 做了重构,大大增强了通知栏的能力

通知类别 (Channel) 适配说明

通知类别 (channel) 是 Android O 引入的新功能,旨在解决以下问题:

  1. 应用的通知越来越多,给用户造成明显打扰
  2. 但用户只能全局屏蔽这个应用的全部通知,不能屏蔽部分,然后留下对自己有用的

8. 通知样式

注: 在MIUI中,由于通知栏是由小米服务框架弹出,因此大、小图标均不可自定义。使用的声音资源必须先内置在应用程序的安装包中。


2. 集成小米Push

题外话: 小米推送客户端SDK集成很简单,仅需一位工程师0.5天的时间即可完成,不知真假:)

了解步骤之前先下载第3点的SDK,我这边是选择AAR方式集成

1. 项目app module的 build.gradle 中添加依赖

android{
   
    repositories {
   
        flatDir {
   
            dirs 'libs'
        }
    }
}
dependencies {
   
    implementation (name: 'MiPush_SDK_Client_xxx', ext: 'aar')
}

2. 为了接收消息,您需要为APP自定义一个继承自 PushMessageReceiver 类的BroadcastReceiver

<!-- Mi Push  -->
        
<!-- com.</
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
好的,使用Vue搭建小米购物网站的步骤如下: 1. 首先需要安装Vue-cli,可以通过npm安装,命令如下: ``` npm install -g vue-cli ``` 2. 创建一个Vue项目,可以通过以下命令创建: ``` vue create xiaomi-shop ``` 3. 安装必要的插件,如Vue-router, Vuex等,可以通过以下命令安装: ``` cd xiaomi-shop npm install vue-router vuex --save ``` 4. 根据需求设计网站的页面结构和组件,如首页、商品列表页、商品详情页、购物车、个人中心等。 5. 编写Vue组件,可以使用Vue的单文件组件(.vue文件)来编写组件,如: ``` <template> <div> <h1>{{title}}</h1> <p>{{content}}</p> </div> </template> <script> export default { name: 'MyComponent', props: { title: { type: String, required: true }, content: { type: String, default: '' } } } </script> <style scoped> h1 { font-size: 24px; font-weight: bold; } p { font-size: 16px; } </style> ``` 6. 使用Vue-router来管理网站的路由,可以在router/index.js文件中配置路由,如: ``` import Vue from 'vue' import Router from 'vue-router' import Home from '@/components/Home' import ProductList from '@/components/ProductList' import ProductDetail from '@/components/ProductDetail' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '/productList', name: 'ProductList', component: ProductList }, { path: '/productDetail/:id', name: 'ProductDetail', component: ProductDetail } ] }) ``` 7. 使用Vuex来管理网站的状态,可以在store/index.js文件中配置状态管理,如: ``` import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { cart: [] // 购物车状态 }, mutations: { addToCart(state, product) { state.cart.push(product) }, removeFromCart(state, index) { state.cart.splice(index, 1) }, clearCart(state) { state.cart = [] } }, actions: { addToCart(context, product) { context.commit('addToCart', product) }, removeFromCart(context, index) { context.commit('removeFromCart', index) }, clearCart(context) { context.commit('clearCart') } }, getters: { cartCount(state) { return state.cart.length } } }) export default store ``` 8. 最后,在main.js文件中引入路由和Vuex,并将Vue实例挂载到页面上,如: ``` import Vue from 'vue' import App from './App' import router from './router' import store from './store' Vue.config.productionTip = false new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) ``` 希望以上步骤能帮助您搭建出一个基本的小米购物网站。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

初心一点

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值