Dễ dàng Gửi Thông báo đến Slack từ Ứng dụng React Native của Bạn

react-native-slack-webhook

Slack webhook cho React-Native

Cài đặt

$ npm i react-native-slack-webhook --save

hoặc

$ yarn add react-native-slack-webhook

Sử dụng Cơ bản

• Cài đặt react-native trước

  $ npm i react-native -g

• Khởi tạo một dự án react-native

  $ react-native init myproject

• Sau đó, chỉnh sửa myproject/index.ios.js, như sau:

  /*
  * @flow
  /

  import React, { Component } from ‘react’;
  import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TouchableOpacity
  } from ‘react-native’;

  import Slack from ‘react-native-slack-webhook’;
  import { webhookURL } from ‘./env’;

  class example extends Component {
  render() {

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>
        Welcome to react-native-slack-webhook!
      </Text>
      <TouchableOpacity onPress={()=> new Slack(webhookURL).post('Test', '#test')}>
        <Text style={styles.instructions}>
          Press it to send message
        </Text>
      </TouchableOpacity>
    </View>
  );
  

  }
  }

  const styles = StyleSheet.create({
  container: {
  flex: 1,
  justifyContent: ‘center’,
  alignItems: ‘center’,
  backgroundColor: ‘#F5FCFF’,
  },
  welcome: {
  fontSize: 20,
  textAlign: ‘center’,
  margin: 10,
  },
  instructions: {
  textAlign: ‘center’,
  color: ‘#333333’,
  marginBottom: 5,
  },
  });

  AppRegistry.registerComponent(‘example’, () => example);

Cài đặt

Slack

Thư viện này cần một đường dẫn webhook, chi tiết xem tại đây: https://api.slack.com/incoming-webhooks.

const webhookURL = '<your webhook URL provided by Slack, ie. Incoming WebHooks>'
const Slack = new Slack(webhookURL)

Ví dụ

Chỉ cần cung cấp một tệp có tên env.js ở gốc dự án ví dụ, xem tệp example/env.example.js.

Đối tượng Payload

Câu hỏi Thường gặp

Nó có được hỗ trợ và kiểm tra trên cả android và iOS không?

CÓ

Đóng góp

@xcapentier Tác giả chính.

PRs được hoan nghênh!

Câu hỏi

Hãy liên hệ với tôi hoặc create an issue

được làm với ♥

Thuê một chuyên gia!

Đang tìm một chuyên gia freelance ReactNative có hơn 12 năm kinh nghiệm? Liên hệ với tôi từ website của tôi!

Chi tiết tải về:

Tác giả: xcarpentier
Nguồn: https://github.com/xcarpentier/react-native-slack-webhook