प्रकल्प त्याच्या देखाव्यामध्ये इतके मनोरंजक नाही. आपण जादुई कार्यक्रम पाहू शकत नाही. ट्युटोरियलची पुढील पायरी म्हणजे वास्ममध्ये निर्माण झालेल्या रस्ट कोडशी संवाद साधण्यासाठी वेब इंटरफेस जोडणे.

मागील चरणासाठी, आदेश आपल्याला GitHub कडून कोड कॉपी करण्याची परवानगी देतो. ही आज्ञा आहे npm, և एक नमुना आहे create-wasm-app:, आज्ञा चालवू.

मागील कमांड खालील रचना जारी करते:

wasm-game-of-life/
└── www/
    ├── package.json                   (1)
    ├── webpack.config.js               (2)
    ├── index.js                       (3)
    ├── bootstrap.js                   (4)
    └── index.html

1: दर्पण प्रतिमेत Cargo.toml एनपीएम प्रकल्पांसाठी, वास्मसाठी कॉन्फिगर केलेले
2: वेब पॅकेज कॉन्फिगरेशन
3: “अनुप्रयोग प्रोग्राम” चा मुख्य प्रवेश बिंदू. वासम कोडवर कॉल करा
4: असिंक्रोनस लोडर रॅपसाठी index.js

जर आपण बांधकामाच्या आवश्यक टप्प्यांतून गेलो तर या ठिकाणी कोडची संपूर्ण साखळी चालवणे शक्य आहे.

  1. वास्मवर रस्ट कोड लिहा
  2. जावास्क्रिप्ट अडॅप्टर पासवर्ड तयार करा. आपण हे करू शकता – एका कॉलसह मागील चरण wasm-pack, तयार केलेल्या फायली तपासा pkg फोल्डर:
  3. NPM अवलंबित्व मिळवा npm install
  4. स्थानिक वेब सर्व्हरसह चालवा npm run start,

या विभागाच्या शेवटी केलेला व्यायाम तुम्हाला बदलण्यास भाग पाडतो alert() करण्यासाठी: prompt() मापदंड प्रदान करा. आपल्याला त्यानुसार रस्ट कोड बदलण्याची आणि पुन्हा तयार करण्याची आवश्यकता आहे. वेब सर्व्हरने अपडेटेड कोड दाखवण्यासाठी पेज अपडेटसाठी नवीन पासवर्ड पटकन अनलोड करणे आवश्यक आहे.

या पोस्टमध्ये, माझी कल्पना संपूर्ण ट्यूटोरियलचे रूपांतर करणे नाही, तर रसाळ भागांवर लक्ष केंद्रित करणे आहे. गंज समोर तो लहान केला जातो.

  1. गंज जावास्क्रिप्ट पासून गंज अनचेक करा
  2. रस्टमधून जावास्क्रिप्टला कॉल करा
  3. Rust वरून ब्राउझर API वर कॉल करा