jpush

Open Source

aurora-imui

[![tag](https://img.shields.io/badge/tag-0.4.7-blue.svg)](https://github.com/jpush/imui/releases) [![support](https://img.shields.io/badge/support-iOS%20%26%20Android-brightgreen.svg)]() [![QQ Group](https://img.shields.io/badge/QQ%20Group-604798367-red.svg)]() # Aurora IMUI [中文文档](./README_zh.md) Aurora IMUI is a general IM UI components library, which does not depend on any specific IM SDK. This library provides common UI components such as MessageList, InputView. It supports common message type, such as text, image, audio, video, etc. By default it has several UI style for choice, and also supports style customization. We already have Android/iOS/React Native platforms support. Already supports three main platforms: Android, iOS, React Native. Please refer to [aurora-imui-examples](https://github.com/jpush/aurora-imui-examples) for more examples. <a target="_blank"> <img src="https://github.com/huangminlinux/resource/blob/master/IMUIPick%402x.png" alt="IMUI" width=960/> </a> ## Features With Aurora IMUI, you can implement these features easily: - Displaying message list: - supports different message types; - supports click & long click events for each type of message; - supports user avatar. - Message input: - supports multiple message types; - voice input component; - photo album selection component; - record video or take picture using camera. Currently support for display and input message types: - Text - Image - Voice - Video - Custom ## Usage Ready components: ### Android - [MessageList](./docs/Android/message_list_usage.md) - [ChatInputView](./Android/chatinput/README_EN.md) ### iOS (Swift) - [IMUIMessageCollectionView](./docs/iOS/IMUIMessageCollectionView_usage.md) - [IMUIInputView](./docs/iOS/IMUIInputView_usage.md) ### React Native - [AuroraIMUI_Pure_JS Beta](./ReactNative_JS/README.md) - [AuroraIMUI_Native_Bridge](./ReactNative/README.md) ## Contribute Welcome contribution! [Look at the issues](https://github.com/jpush/imui/issues). ## License MIT © [JiGuang](/LICENSE)

JavaScript Libraries & Components Mobile Development

5.7K Github Stars

jpush-flutter-plugin

[![QQ Group](https://img.shields.io/badge/QQ%20Group-862401307-red.svg)]() # JPush Flutter Plugin > flutter 2.0 请切换至 dev-2.x 分支。 ### 安装在工程 pubspec.yaml 中加入 dependencies ``` //github 集成 dependencies: jpush_flutter: git: url: git://github.com/jpush/jpush-flutter-plugin.git ref: master // pub 集成 dependencies: jpush_flutter: 2.1.4 ``` ### 配置 ##### Android: 在 `/android/app/build.gradle` 中添加下列代码： ```groovy android: { .... defaultConfig { applicationId "替换成自己应用 ID" ... ndk { //选择要添加的对应 cpu 类型的 .so 库。 abiFilters 'armeabi', 'armeabi-v7a', 'x86', 'x86_64', 'mips', 'mips64', 'arm64-v8a', } manifestPlaceholders = [ JPUSH_PKGNAME : applicationId, JPUSH_APPKEY : "appkey", // NOTE: JPush 上注册的包名对应的 Appkey. JPUSH_CHANNEL : "developer-default", //暂时填写默认值即可. ] } } ``` ##### iOS: - 在 xcode8 之后需要点开推送选项： TARGETS -> Capabilities -> Push Notification 设为 on 状态 ### 使用 ```dart import 'package:jpush_flutter/jpush_flutter.dart'; ``` ### APIs **注意** : 需要先调用 JPush.setup 来初始化插件，才能保证其他功能正常工作。 [参考](./documents/APIs.md)

Push Notifications

868 Github Stars

jpush-react-native

# JPush-React-Native ## ChangeLog 1. 从RN-JPush2.7.5开始，重新支持TypeScript 2. 由于RN-JCore1.6.0存在编译问题，从RN-JCore1.7.0开始，还是需要在AndroidManifest.xml中添加配置代码，具体参考配置-2.1 Android ## 1. 安装 ``` npm install jpush-react-native --save ``` * 注意：如果项目里没有jcore-react-native，需要安装 ``` npm install jcore-react-native --save ``` 安装完成后连接原生库进入到根目录执行 react-native link 或 react-native link jpush-react-native react-native link jcore-react-native ## 2. 配置 ### 2.1 Android * build.gradle ``` android { defaultConfig { applicationId "yourApplicationId" //在此替换你的应用包名 ... manifestPlaceholders = [ JPUSH_APPKEY: "yourAppKey", //在此替换你的APPKey JPUSH_CHANNEL: "yourChannel" //在此替换你的channel ] } } ``` ``` dependencies { ... implementation project(':jpush-react-native') // 添加 jpush 依赖 implementation project(':jcore-react-native') // 添加 jcore 依赖 } ``` * setting.gradle ``` include ':jpush-react-native' project(':jpush-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jpush-react-native/android') include ':jcore-react-native' project(':jcore-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jcore-react-native/android') ``` * AndroidManifest.xml (从插件3.2.6版本开始，不需要配置该内容) ``` <meta-data android:name="JPUSH_CHANNEL" android:value="${JPUSH_CHANNEL}" /> <meta-data android:name="JPUSH_APPKEY" android:value="${JPUSH_APPKEY}" /> ``` ### 2.2 iOS 注意：您需要打开ios目录下的.xcworkspace文件修改您的包名 ### 2.2.1 pod ``` pod install ``` * 注意：如果项目里使用pod安装过，请先执行命令 ``` pod deintegrate ``` ### 2.2.2 手动方式 * Libraries ``` Add Files to "your project name" node_modules/jcore-react-native/ios/RCTJCoreModule.xcodeproj node_modules/jpush-react-native/ios/RCTJPushModule.xcodeproj ``` * Capabilities ``` Push Notification --- ON ``` * Build Settings ``` All --- Search Paths --- Header Search Paths --- + $(SRCROOT)/../node_modules/jcore-react-native/ios/RCTJCoreModule/ $(SRCROOT)/../node_modules/jpush-react-native/ios/RCTJPushModule/ ``` * Build Phases ``` libz.tbd libresolv.tbd UserNotifications.framework libRCTJCoreModule.a libRCTJPushModule.a ``` ## 3. 引用 ### 3.1 Android 参考：[MainApplication.java](https://github.com/jpush/jpush-react-native/tree/master/example/android/app/src/main/java/com/example/MainApplication.java) ### 3.2 iOS 参考：[AppDelegate.m](https://github.com/jpush/jpush-react-native/tree/master/example/ios/example/AppDelegate.m) ### 3.3 js 参考：[App.js](https://github.com/jpush/jpush-react-native/blob/dev/example/App.js) ## 4. API 详见：[index.js](https://github.com/jpush/jpush-react-native/blob/master/index.js) ## 5. 其他 * 集成前务必将example工程跑通 * 如有紧急需求请前往[极光社区](https://community.jiguang.cn/c/question) * 上报问题还麻烦先调用JPush.setLoggerEnable(true}，拿到debug日志

JavaScript Libraries & Components Push Notifications

1.4K Github Stars

Software by jpush

aurora-imui

jpush-flutter-plugin

jpush-react-native