কোড তৈরি করুন এবং চালান

আপনার অ্যাপ্লিকেশন যেকোনো সময় কোড তৈরি করতে পারে। উদাহরণস্বরূপ, যখন শেষ ব্যবহারকারী একটি বোতামে ক্লিক করে বা প্রতিবার ব্যবহারকারী পরিবর্তন করে তখন এটি কোড তৈরি করতে পারে।

কোড জেনারেশনের একটি সংক্ষিপ্ত বিবরণের জন্য, কোড জেনারেশন দেখুন।

একটি ভাষা কোড জেনারেটর আমদানি করুন

কোড জেনারেট করতে, আপনার একটি ভাষা কোড জেনারেটর প্রয়োজন। আপনি নিম্নলিখিত পদ্ধতিগুলির যেকোনো একটি দিয়ে ভাষা কোড জেনারেটর আমদানি করতে পারেন।

মডিউল

import {javascriptGenerator} from 'blockly/javascript';
import {pythonGenerator} from 'blockly/python';
import {phpGenerator} from 'blockly/php';
import {luaGenerator} from 'blockly/lua';
import {dartGenerator} from 'blockly/dart';

// Generate code for all the blocks in the workspace.
const jsCode = javascriptGenerator.workspaceToCode(workspace);
const pythonCode = pythonGenerator.workspaceToCode(workspace);
const phpCode = phpGenerator.workspaceToCode(workspace);
const luaCode = luaGenerator.workspaceToCode(workspace);
const dartCode = dartGenerator.workspaceToCode(workspace);

আনপিকেজি

ব্লকলি অন্তর্ভুক্ত করার পরে আপনাকে অবশ্যই জেনারেটর অন্তর্ভুক্ত করতে হবে।

<script src="https://unpkg.com/blockly"></script>
<script src="https://unpkg.com/blockly/javascript_compressed"></script>
<script src="https://unpkg.com/blockly/python_compressed"></script>
<script src="https://unpkg.com/blockly/php_compressed"></script>
<script src="https://unpkg.com/blockly/lua_compressed"></script>
<script src="https://unpkg.com/blockly/dart_compressed"></script>

// Generate code for all the blocks in the workspace.
const jsCode = javascript.javascriptGenerator.workspaceToCode(workspace);
const pythonCode = python.pythonGenerator.workspaceToCode(workspace);
const phpCode = php.phpGenerator.workspaceToCode(workspace);
const luaCode = lua.luaGenerator.workspaceToCode(workspace);
const dartCode = dart.dartGenerator.workspaceToCode(workspace);

স্থানীয় স্ক্রিপ্ট

ব্লকলি অন্তর্ভুক্ত করার পরে আপনাকে অবশ্যই জেনারেটর অন্তর্ভুক্ত করতে হবে।

<script src="blockly_compressed.js"></script>
<script src="javascript_compressed.js"></script>
<script src="python_compressed.js"></script>
<script src="php_compressed.js"></script>
<script src="lua_compressed.js"></script>
<script src="dart_compressed.js"></script>

// Generate code for all the blocks in the workspace.
const jsCode = javascript.javascriptGenerator.workspaceToCode(workspace);
const pythonCode = python.pythonGenerator.workspaceToCode(workspace);
const phpCode = php.phpGenerator.workspaceToCode(workspace);
const luaCode = lua.luaGenerator.workspaceToCode(workspace);
const dartCode = dart.dartGenerator.workspaceToCode(workspace);

কোড তৈরি করুন

কোড তৈরি করতে, জেনারেটরের workspaceToCode ফাংশনটি ব্যবহার করুন।

const code = javascriptGenerator.workspaceToCode(workspace);

ক্রমাগত আপডেট

ক্রমাগত আপডেট আপনাকে কোডটি দেখানো বা চালানোর অনুমতি দেয় যখনই ব্যবহারকারী পরিবর্তন করে। কোড জেনারেট করা একটি দ্রুত অপারেশন, তাই এটি করার জন্য কর্মক্ষমতার প্রভাব কম। এটি একটি ইভেন্ট লিসেনার ব্যবহার করে করা হয়।

const supportedEvents = new Set([
  Blockly.Events.BLOCK_CHANGE,
  Blockly.Events.BLOCK_CREATE,
  Blockly.Events.BLOCK_DELETE,
  Blockly.Events.BLOCK_MOVE,
]);

function updateCode(event) {
  if (workspace.isDragging()) return; // Don't update while changes are happening.
  if (!supportedEvents.has(event.type)) return;

  const code = javascriptGenerator.workspaceToCode(workspace);
  document.getElementById('textarea').value = code;
}

workspace.addChangeListener(updateCode);

প্রস্তাবনা বা পোস্টস্ক্রিপ্ট কোড যোগ করুন

আপনি আপনার কোড তৈরি করার পরে আপনি ঐচ্ছিকভাবে কোডটি শুরুর আগে বা জেনারেট করা কোডের শেষের পরে অন্তর্ভুক্ত করতে পারেন।

let code = javascriptGenerator.workspaceToCode(workspace);
// Add a preamble and a postscript to the code.
const preamble = 'import {MyLibrary} from \'/path/to/my/library\';\n'
const postscript = 'MyLibrary.myKickoffFunction();\n';
code = preamble + code + postscript;

প্রস্তাবনা কোড সাধারণত কোডের শুরুতে বাহ্যিক সংজ্ঞা অন্তর্ভুক্ত করতে ব্যবহৃত হয়। পোস্টস্ক্রিপ্ট কোড সাধারণত কোডের শেষে আচরণ শুরু করার জন্য ফাংশন কল করতে ব্যবহৃত হয়।

যদি আপনার জেনারেট করা কোডটি যেমন আছে তেমনি চালানো যায়, তাহলে একটি প্রস্তাবনা বা পোস্টস্ক্রিপ্ট অন্তর্ভুক্ত করার দরকার নেই।

কোড চালান

আপনি কোড তৈরি করার পরে, আপনাকে এটি কীভাবে কার্যকর করতে হবে তা খুঁজে বের করতে হবে। এটি কীভাবে কার্যকর করা যায় তা নির্ধারণ করা খুবই অ্যাপ্লিকেশন-নির্দিষ্ট এবং ব্লকলির সুযোগের বাইরে।

আপনি যদি জাভাস্ক্রিপ্ট কোড চালাতে চান, তাহলে জাভাস্ক্রিপ্ট জেনারেট এবং রান দেখুন। এটি জাভাস্ক্রিপ্ট কোড জেনারেটরের কিছু বিশেষ বৈশিষ্ট্য এবং সেইসাথে JSInterpreter নিয়ে আলোচনা করে, যা ব্লকলি টিম জাভাস্ক্রিপ্টকে নিরাপদে চালানোর উপায় হিসেবে সুপারিশ করে।

অন্যান্য ভাষার জন্য অন্যান্য সরঞ্জাম প্রয়োজন।