হেরোকুতে রেল অ্যাপ্লিকেশন তৈরি এবং স্থাপন করা

এই পোস্টে আমরা রেল ব্যবহার করে একটি ব্যক্তিগত ওয়েবসাইট তৈরি করব এবং এটি হেরোকুতে স্থাপন করব। হিরোকু একটি ক্লাউড অ্যাপ্লিকেশন প্ল্যাটফর্ম - ওয়েব অ্যাপ্লিকেশন তৈরি এবং স্থাপনের একটি নতুন উপায়। হেরোকু সম্পর্কে সর্বোত্তম বিষয় হ'ল হিরোকু তাদের বিনামূল্যে হিসাবে শ্রেণিবদ্ধ করেছে বলে আপনার বেসিক ওয়েব অ্যাপ্লিকেশনগুলি হোস্ট করার জন্য অর্থ প্রদান করতে হবে না। আমরা একটি একক পৃষ্ঠার রেল অ্যাপ্লিকেশন তৈরি করব এবং এটি একটি স্ট্যাটিক ওয়েবসাইট হবে যা পোর্টফোলিও হিসাবে ব্যবহার করা যেতে পারে।

নীচে রেল অ্যাপ্লিকেশনগুলির স্ন্যাপশট দেওয়া হয়েছে (হিরোকুতে মোতায়েন) এখানে )

আসুন এই রেল অ্যাপ্লিকেশন তৈরি করতে শুরু করি। আমি ধরে নিলাম আপনি ইতিমধ্যে রুবি এবং রেলগুলি ইনস্টল করেছেন। নিশ্চিত হয়ে নিন যে আপনার কাছে রুবি ২.০ এবং রেলগুলি ৪.২.২ রয়েছে। আপনি কমান্ড প্রম্পট থেকে সংস্করণটি পরীক্ষা করতে পারেন।

কিভাবে জাভা প্যাকেজ ব্যবহার করতে

দ্রষ্টব্য: আমরা রুবি ২.০ এবং রেলগুলি ৪.২.২ ব্যবহার করব। আপনার কাছে রুবি এবং রেলগুলির কয়েকটি আলাদা সংস্করণ থাকলে এই পোস্টে দেখানো কয়েকটি পদক্ষেপ আপনার পক্ষে কাজ করতে পারে না।

প্রকল্প তৈরি করা:

আমরা আমাদের প্রকল্পের নামকরণ করব ওয়েবসাইট হিসাবে। প্রকল্পটি তৈরি করতে কমান্ডটি রিয়েলস নতুন ওয়েবসাইট ব্যবহার করুন

রেলগুলি স্বয়ংক্রিয়ভাবে সমস্ত ফাইল উত্পন্ন করবে এবং এটি নীচের চিত্রের মতো স্বয়ংক্রিয়ভাবে ইনস্টল হওয়া রান বান্ডেলটি সম্পাদন করে প্রয়োজনীয় সমস্ত রত্ন ইনস্টল করবে

এখন আপনি আপনার সি: ড্রাইভের অধীনে একটি ওয়েবসাইট ফোল্ডার দেখতে পাবেন (যে জায়গা থেকে আমরা রেলগুলিকে নতুন ওয়েবসাইট কমান্ড কার্যকর করেছি)। আসুন কিছু আইডিইতে ওয়েবসাইট ফোল্ডারটি খুলি। আমি অ্যাডোব থেকে বন্ধনী আইডিই আছে। এটি কোনও বিষয় নয় বলে আপনি অন্য কোনও ব্যবহার করতে পারেন।

প্রকল্পের কাঠামো:

উত্পন্ন প্রকল্পের কাঠামো নীচের মত দেখতে পাবেন

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

আপনি উপরের স্ন্যাপশটে দেখতে পাচ্ছেন যে আমাদের ওয়েবসাইট অ্যাপটি স্থাপন করা হয়েছেhttp: // লোকালহোস্ট: 3000

ইউআরএল অ্যাক্সেস করার সময় আপনি নীচের স্ক্রিনটি দেখতে সক্ষম হবেনhttp: // লোকালহোস্ট: 3000

তবে ইউআরএল অ্যাক্সেস করার জন্য আমরা আমাদের অ্যাপ্লিকেশনটির মূল পৃষ্ঠাটি প্রদর্শন করতে চাইhttp: // লোকালহোস্ট: 3000 /।এর জন্য আসুন আমাদের ওয়েবসাইট প্রকল্পের সর্বজনীন ফোল্ডারের অধীনে একটি সূচক। Html পৃষ্ঠা তৈরি করুন।

দ্রষ্টব্য: রেলগুলি ইউআরএল অ্যাক্সেস করার জন্য স্বয়ংক্রিয়ভাবে সূচিপত্রের HTML.tml পৃষ্ঠা পরিবেশন করবেhttp: // লোকালহোস্ট: 3000

আপাতত আমাদের সূচী। Html পৃষ্ঠায় একটি লাইন আছে।

আসুন মূল URL টি অ্যাক্সেস করিhttp: // লোকালহোস্ট: 3000

এখন, কিছু ইমেজ - জেএস এবং শীতল CSS যুক্ত করে আমাদের সূচিপত্রের HTML পৃষ্ঠায় কিছু জীবন দিন। আমরা বুটস্ট্র্যাপ শুরু থেকে গ্রেস্কেল থিম ব্যবহার করব।

গ্রেস্কেল স্টার্ট বুটস্ট্র্যাপ থিম -

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

আপনি এই থিমটি ডাউনলোড করতে পারেন http://startbootstrap.com/template-overviews/grayscale/

গ্রেস্কেল থিমটি ডাউনলোড করুন এবং ওয়েবসাইট প্রকল্পের পাবলিক ডিরেক্টরিতে সিএসএস, ফন্ট-দুর্দান্ত, ফন্ট, আইএমজি, জেএস এবং ইনডেক্স html অনুলিপি করুন। ওয়েবসাইট প্রকল্পের পাবলিক ডিরেক্টরিতে সিএসএস, জেএস, ফন্টস, ইমেজ ফোল্ডার এবং সূচক html পৃষ্ঠা যুক্ত করার পরে নীচে প্রকল্পের স্ন্যাপশট রয়েছে।

আসুন এখনই আমাদের ওয়েবসাইট প্রকল্পটি চালাও:

প্রকল্পটি চলাকালীন আপনাকে গ্রেউস্কেল থিম পৃষ্ঠাটি ভাল দেখানো হবে।

এটির পেশাগত চেহারা দেওয়ার জন্য আমরা সূচি। Html পৃষ্ঠাটি (ওয়েবসাইট প্রকল্পের পাবলিক ডিরেক্টরি অনুসারে) সংশোধন করব।

সূচী। Html পৃষ্ঠাতে পরিবর্তন করার পরে নীচে ওয়েবসাইট প্রকল্পের স্ন্যাপশট দেওয়া আছে। আমরা চিত্রগুলি পরিবর্তন করেছি এবং এটি কোনও ব্যক্তির সাথে নির্দিষ্ট করার জন্য কিছু পাঠ্য সম্পাদনা করেছি।

আপনার পছন্দ অনুসারে আপনি সূচিপত্র html এবং গ্রেস্কেল.সিএসএস পরিবর্তন করতে পারেন। এখন, আমরা হিরোকুর কাছে আমাদের ওয়েবসাইট অ্যাপ্লিকেশন স্থাপন করতে প্রস্তুত।

গিথুবকে কোড পুশ করা:

হেরোকুতে অ্যাপ্লিকেশন স্থাপন করার আগে, আমাদের আমাদের কোডটি একটি প্রত্যন্ত গিথুব সংগ্রহস্থলে ঠেলাতে হবে। তার জন্য আপনার একটি গিথুব অ্যাকাউন্ট দরকার। যদি আপনার কাছে গিথুব অ্যাকাউন্ট না থাকে তবে যান এবং একটি তৈরি করুন www.github.com ।

আপনার উইন্ডোতে গিথুব ইনস্টল করতে হবে। উইন্ডো থেকে গিথুব ডাউনলোড করুন https://windows.github.com/ ।

আপনি একবার আপনার মেশিনে গিতুব ডাউনলোড ও ইনস্টল করার পরে, গিথুব অ্যাপ্লিকেশনটি খুলুন এবং আপনার গিথুব শংসাপত্রগুলি কনফিগার করুন এবং গিট ব্যাশ শেলটিকে আপনার ডিফল্ট শেল হিসাবে বেছে নিন (আপনি নিজের পছন্দ মতো অন্য কোনও বিকল্প চয়ন করতে পারেন) এবং তারপরে পরিবর্তনগুলি সংরক্ষণ করুন।

আপনাকে গিথুবে একটি সংগ্রহশালা তৈরি করতে হবে, যেখানে আমরা আমাদের ওয়েবসাইট প্রকল্পটি দূরবর্তীভাবে সংরক্ষণ করব। একটি সংগ্রহস্থল তৈরি করতে, গিথুব এ লগ ইন করুন এবং সবুজ বোতামে প্রদর্শিত নতুন সংগ্রহস্থল বিকল্পটিতে ক্লিক করুন।

আপনার ভান্ডারটির নাম দিন (এক্ষেত্রে আমরা এর নাম রেলওয়েরোকু রেখেছি) এবং নীচের চিত্রের মতো তৈরি ভান্ডার লিঙ্কে ক্লিক করুন।

গিথুব দূরবর্তী URL সরবরাহ করবে ( https://github.com/eMahtab/railtoheroku.git এই ক্ষেত্রে) রেলথেরোকু রিপোজিটরির জন্য যা স্থানীয় মেশিন থেকে গিথুবকে কোডটি ধাকানোর সময় প্রয়োজন হবে।

এখন, আমরা আমাদের ওয়েবসাইটের প্রকল্পের কোডটি গিথুবকে ধাক্কা দিতে প্রস্তুত। কোডটি গিথুবকে ঠেকাতে নীচের পদক্ষেপগুলি অনুসরণ করুন।

গিট শেলটি খুলুন এবং নীচের চিত্রের মতো ওয়েবসাইট ডিরেক্টরি সূচনা করতে Git init কমান্ডটি ব্যবহার করুন:

এখন, গিট অ্যাড কার্যকর করে সংস্করণ নিয়ন্ত্রণাধীন ওয়েবসাইট ডিরেক্টরিতে সমস্ত ফাইল যুক্ত করুন।

গিট কমিট - 'ফাইনাল কমিট' চালিয়ে সমস্ত ফাইল কমিট করুন

রেফারেন্স সি ++ উদাহরণ দিয়ে কল করুন

নীচের প্রদর্শিত হিসাবে দূরবর্তী সংগ্রহস্থল যুক্ত করুন:

এখন শেষ পদক্ষেপ যা কোডটি গিথুব সংগ্রহস্থলের দিকে ঠেলে দেবে:

আমরা গিথুবকে দিয়ে শেষ করেছি। এর পরের অংশটি হেরোকুকে আবেদনের আসল স্থাপনা।

অ্যাপ্লিকেশন হেরোকুতে স্থাপন করা:

এখানে একটি হেরোকু অ্যাকাউন্ট তৈরি করুন https://www.heroku.com/

বিঃদ্রঃ : হেরোকুতে আবেদন স্থাপনের জন্য আমাদের কিছু পরিবর্তন করতে হবে। হেরোকু স্কেলাইট 3 সমর্থন করে না, পরিবর্তে এটি পোস্টগ্রাইএসকিউএল ডাটাবেস রয়েছে। সুতরাং আমাদের রত্ন থেকে স্কেলাইট 3 নির্ভরতা অপসারণ করতে হবে। হিরোকুর জন্য রেলপথ_12 ফ্যাক্টর রত্ন প্রয়োজন, যা হেরোকু ইমেজ এবং স্টাইলশিটের মতো স্থিতিশীল সম্পদের পরিবেশন করতে ব্যবহার করে। জেমফাইলে প্রয়োজনীয় দুটি পরিবর্তন নীচে সংক্ষিপ্ত করা হয়েছে:

জেমফাইল থেকে লাইন রত্নটি ‘স্ক্লাইটাইট 3’ সরান

জেমফাইলে নিম্নলিখিত লাইনগুলি যুক্ত করুন

গোষ্ঠী: উন্নয়ন, পরীক্ষা করুন #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end

জেমফাইলে পরিবর্তনগুলি করার পরে সবকিছু ঠিকঠাক চলছে কি না তা পরীক্ষা করে দেখা যাক। জেমফাইল সংরক্ষণ করুন এবং চালান বান্ডিল ইনস্টল কোনও উত্পাদন রত্নের স্থানীয় ইনস্টলেশন রোধ করার জন্য একটি বিশেষ পতাকা (বাইরের উত্পাদন) সহ

গীমফাইলে গিথুবের রিমোট রিপোজিটরিতে পরিবর্তনগুলি প্রতিশ্রুতিবদ্ধ:

রিমোট গিথুব সংগ্রহস্থলগুলিতে পরিবর্তনগুলি পুশ করুন:

হেরোকুতে একটি নতুন অ্যাপ্লিকেশন তৈরি করা:

হেরোকুতে লগ ইন করুন এবং একটি নতুন অ্যাপ্লিকেশন তৈরি করুন। আমি আমার অ্যাপটির নাম রেলথেরোকু রেখেছি। আপনি যা খুশি নাম রাখতে পারেন। নামযুক্ত অ্যাপটি তৈরি করতে তৈরি অ্যাপ্লিকেশনটিতে ক্লিক করুন।

গিথুব সংগ্রহস্থলটিকে হিরোকু অ্যাপে সংযুক্ত করা হচ্ছে:

পরবর্তী পদক্ষেপ হ'ল আপনার গিথুব সংগ্রহস্থলটিকে হিরোকুর সাথে সংযুক্ত করা।

নীচে আমরা আমাদের গিথুব সংগ্রহস্থল রেলওয়েরোকু সংযুক্ত করেছি

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

অ্যাপ্লিকেশন স্থাপন করা:

একবার আপনি ডিপ্লয় শাখায় ক্লিক করুন, হিরোকু জেমফিল থেকে রত্ন উত্পাদন শুরু করবে:

সমস্ত রত্ন ইনস্টল হয়ে গেলে এবং অ্যাপ্লিকেশন স্থাপন করা হয়ে গেলে আপনি হিরোকুর অভিনন্দন বার্তাটি দেখতে পেয়ে বলবেন, 'আপনার অ্যাপটি সফলভাবে স্থাপন করা হয়েছে।'

আপনার মোতায়েন করা অ্যাপ্লিকেশনটি দেখার জন্য কেবল ভিউ বোতামে ক্লিক করুন এবং আপনি সফলভাবে আপনার অ্যাপ্লিকেশনটি দেখতে পেয়ে দেখতে পারবেন।

উপরের যে কোনও পদক্ষেপ অনুসরণ করার সময় যদি আপনার কোনও সমস্যার মুখোমুখি হন তবে দয়া করে নীচে মন্তব্য করুন। আপনি কি এই পোস্টটি উপভোগ আশা করি.

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।

সম্পর্কিত পোস্ট:

স্যাক্স পার্সার ব্যবহার করে এক্সএমএল ফাইলগুলি পার্সিং করা