প্রথম WebAssembly প্রোগ্রাম তৈরি এবং কম্পাইল করা
আজ আমরা প্রথম WebAssembly প্রোগ্রাম তৈরি এবং কম্পাইল করার প্রক্রিয়া দেখে নেব। এই প্রোগ্রামটি C ভাষায় লেখা হবে এবং Emscripten টুল ব্যবহার করে কম্পাইল করা হবে।
এটি একটি সিম্পল "Hello, World!" প্রোগ্রাম হবে, যা WebAssembly ফরম্যাটে কম্পাইল হয়ে ব্রাউজারে চলবে। চলুন, পদক্ষেপগুলি দেখি:
1. C কোড লেখা (Hello World Program)
প্রথমে, আপনি একটি সিম্পল C প্রোগ্রাম লিখবেন যা একটি "Hello, World!" বার্তা আউটপুট করবে।
hello_world.c নামে একটি ফাইল তৈরি করুন এবং নিচের কোডটি লিখুন:
#include <stdio.h>
int main() {
printf("Hello, WebAssembly!\n");
return 0;
}এই কোডটি সাধারণ C প্রোগ্রাম যা স্ক্রীনে "Hello, WebAssembly!" প্রিন্ট করবে।
2. Emscripten ইনস্টল করা
C কোড থেকে WebAssembly তৈরি করতে Emscripten ইনস্টল করতে হবে। নিচে Emscripten ইনস্টল করার ধাপ দেওয়া হলো:
Emscripten SDK ডাউনলোড করুন:
git clone https://github.com/emscripten-core/emsdk.git cd emsdkEmscripten SDK ইন্সটল করুন:
./emsdk install latest ./emsdk activate latest source ./emsdk_env.shEmscripten পরিবেশ প্রস্তুত করা:
একবার ইন্সটলেশন শেষ হলে,emsdk_env.shস্ক্রিপ্ট রান করে পরিবেশ সেটআপ করতে হবে:source ./emsdk_env.sh
3. C কোডকে WebAssembly এ কম্পাইল করা
এখন C কোডটি WebAssembly ফরম্যাটে কম্পাইল করতে emcc কমান্ড ব্যবহার করা হবে।
emcc hello_world.c -o hello_world.htmlএই কমান্ডটি hello_world.c ফাইলটি কম্পাইল করে hello_world.html এবং hello_world.wasm ফাইল তৈরি করবে।
ব্যাখ্যা:
-o hello_world.htmlনির্দেশনা দিয়ে WebAssembly কোডের জন্য একটি HTML ফাইল তৈরি করা হবে, যা ব্রাউজারে রান হবে।hello_world.wasmফাইলটি হচ্ছে WebAssembly বাইনারি ফাইল, যা ব্রাউজারে প্রসেস হবে।
4. HTML ফাইল চালানো
এখন আপনার ব্রাউজারে WebAssembly প্রোগ্রামটি দেখতে, hello_world.html ফাইলটি ওপেন করুন। আপনি এটি সরাসরি আপনার লোকাল সার্ভারে (যেমন Apache, Nginx) চালাতে পারেন অথবা একটি সিম্পল HTTP সার্ভার ব্যবহার করতে পারেন:
python3 -m http.serverএখন ব্রাউজারে http://localhost:8000/hello_world.html ঠিকানা দিয়ে আপনার WebAssembly প্রোগ্রামটি দেখতে পাবেন। স্ক্রীনে "Hello, WebAssembly!" লেখা দেখতে পাবেন।
5. WebAssembly কোড রান করা
ব্রাউজারে ওয়েব পেজ ওপেন করার পর, আপনি Console (DevTools) এ গিয়ে WebAssembly কোডের আউটপুট দেখতে পাবেন। যদি সবকিছু সঠিকভাবে কাজ করে, তাহলে "Hello, WebAssembly!" বার্তাটি ব্রাউজারে দেখা যাবে।
সারসংক্ষেপ
এখন আপনি একটি সিম্পল C প্রোগ্রাম তৈরি করে, Emscripten এর মাধ্যমে সেটি WebAssembly ফরম্যাটে কম্পাইল করে ব্রাউজারে রান করাতে সক্ষম হয়েছেন। এটি আপনার প্রথম WebAssembly প্রোগ্রাম ছিল এবং পরবর্তীতে আপনি এর উপর ভিত্তি করে আরও জটিল অ্যাপ্লিকেশন তৈরি করতে পারবেন।
Read more
