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

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

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

Salin selepas log masuk
Pasang Google Cloud SDK:

npm install -g @google-cloud/sdk

Salin selepas log masuk
Konfigurasi Google Cloud

Konfigurasi Google Cloud

gcloud init

Pasang @google-cloud/storage pakej:

npm install @google-cloud/storage

Salin selepas log masuk
Buat contoh Cloud Storage baharu dan tetapkan nama baldi:

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

Salin selepas log masuk
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);
};

Pasang @google-cloud/pubsub pakej:

npm install @google-cloud/pubsub

Salin selepas log masuk
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';

Salin selepas log masuk

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

Salin selepas log masuk

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

   Salin selepas log masuk

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

   Salin selepas log masuk

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

   Salin selepas log masuk

penerimaan ringkas 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.

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!