Cara membina aplikasi awan yang boleh dipercayai dengan React dan Google Cloud

Cara membina aplikasi awan yang boleh dipercayai menggunakan React dan Google Cloud

Kini, aplikasi awan telah menjadi trend penting dalam pembangunan perisian moden. Memanfaatkan perkhidmatan awan boleh menyediakan aplikasi dengan kebolehpercayaan yang tinggi, berskala dan faedah prestasi. Dalam artikel ini, kami akan memperkenalkan cara membina aplikasi awan yang boleh dipercayai menggunakan React dan Google Cloud, serta memberikan contoh kod khusus.

1. Persediaan

Sebelum anda mula membina, anda perlu memastikan syarat berikut dipenuhi:

1. Pasang Node.js dan npm
2. Buat akaun Google Cloud dan cipta projek Google Cloud baharu

. Cipta Apl React

1. Buat apl React baharu menggunakan alat baris arahan create-react-app:

npx create-react-app cloud-app
cd cloud-app

Pasang Google Cloud SDK:

npm install -g @google-cloud/sdk

Konfigurasi Google Cloud

Konfigurasi Google Cloud

: arahan:

gcloud init

Ikuti gesaan untuk melengkapkan log masuk akaun dan pemilihan projek.

3. Gunakan Google Cloud Storage untuk menyimpan fail

Google Cloud Storage ialah perkhidmatan storan awan yang berkuasa yang boleh digunakan untuk menyimpan dan mengakses fail. Berikut ialah langkah-langkah tentang cara menggunakan Google Cloud Storage dalam apl React:

Pasang @google-cloud/storage pakej:

npm install @google-cloud/storage

Buat contoh Cloud Storage baharu dan tetapkan nama baldi:

const { Storage } = require('@google-cloud/storage');
const storage = new Storage();
const bucketName = 'your-bucket-name';

Muat naik fail ke baldi:

const uploadFile = async (file) => {
  const blob = storage.bucket(bucketName).file(file.originalname);
  const blobStream = blob.createWriteStream();
  
  blobStream.on('error', (error) => {
    console.log(error);
  });
  
  blobStream.on('finish', () => {
    console.log('File uploaded successfully!');
  });
  
  blobStream.end(file.buffer);
};

4. Pemesejan menggunakan Google Cloud Pub/Sub

Google Cloud Pub/Sub ialah perkhidmatan pemesejan yang boleh dipercayai dan berskala antara aplikasi Pertukaran mesej masa nyata yang boleh dipercayai. Berikut ialah langkah tentang cara menggunakan Google Cloud Pub/Sub dalam apl React:

Pasang @google-cloud/pubsub pakej:

npm install @google-cloud/pubsub

Buat contoh Pub/Sub baharu:

const { PubSub } = require('@google-cloud/pubsub');
const pubsub = new PubSub();
const topicName = 'your-topic-name';
const subscriptionName = 'your-subscription-name';

const createTopic = async () => {
  const [topic] = await pubsub.createTopic(topicName);
  console.log(`Topic ${topic.name} created.`);
};

Topik baharu:

4. const publishMessage = async (message) => {
     const dataBuffer = Buffer.from(message);
     const messageId = await pubsub.topic(topicName).publish(dataBuffer);
     console.log(`Message ${messageId} published.`);
   };

Terbitkan mesej kepada topik:

5. const createSubscription = async () => {
     const [subscription] = await pubsub.topic(topicName).createSubscription(subscriptionName);
     console.log(`Subscription ${subscription.name} created.`);
   };

Buat langganan baharu:

6. const receiveMessage = async () => {
     const subscription = pubsub.subscription(subscriptionName);
   
     const messageHandler = (message) => {
       console.log(`Received message: ${message.data}`);
       // 处理消息
       message.ack();
     };
   
     subscription.on('message', messageHandler);
   };

Terima mesej yang dilanggan:

penerimaan ringkas di atas

cara menggunakan semula kod di atas

contoh untuk membina aplikasi awan yang boleh dipercayai dengan Google Cloud. Dengan menggunakan perkhidmatan Google Cloud Storage dan Google Cloud Pub/Sub, kami boleh mendayakan aplikasi React untuk menyimpan dan memindahkan data, dengan itu mencapai fungsi dan prestasi aplikasi yang lebih berkuasa.

🎜Saya harap artikel ini membantu anda, dan saya berharap anda membina aplikasi awan yang boleh dipercayai! 🎜

Atas ialah kandungan terperinci Cara membina aplikasi awan yang boleh dipercayai dengan React dan Google Cloud. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!