ஹீரோகுக்கு ரெயில்ஸ் விண்ணப்பத்தை உருவாக்குதல் மற்றும் வரிசைப்படுத்துதல்

இந்த இடுகையில் தண்டவாளங்களைப் பயன்படுத்தி ஒரு தனிப்பட்ட வலைத்தளத்தை உருவாக்கி அதை ஹீரோகுவுக்கு அனுப்புவோம். ஹீரோகு ஒரு மேகக்கணி பயன்பாட்டு தளம் - வலை பயன்பாடுகளை உருவாக்குவதற்கும் பயன்படுத்துவதற்கும் ஒரு புதிய வழி. ஹீரோகு பற்றிய சிறந்த விஷயம் என்னவென்றால், அடிப்படை வலை பயன்பாடுகளை ஹோஸ்டிங் செய்வதற்கு நீங்கள் பணம் செலுத்த வேண்டியதில்லை, ஏனெனில் ஹீரோகு அவற்றை இலவசமாக வகைப்படுத்தியுள்ளார். நாங்கள் ஒரு ஒற்றை பக்க தண்டவாள பயன்பாட்டை உருவாக்குவோம், இது ஒரு நிலையான வலைத்தளமாக இருக்கும், இது ஒரு போர்ட்ஃபோலியோவாக பயன்படுத்தப்படலாம்.

தண்டவாள பயன்பாட்டின் ஸ்னாப்ஷாட் கீழே உள்ளது (ஹீரோகுவில் பயன்படுத்தப்படுகிறது இங்கே )

இந்த ரெயில்ஸ் பயன்பாட்டை உருவாக்கத் தொடங்குவோம். நீங்கள் ஏற்கனவே ரூபி மற்றும் ரெயில்களை நிறுவியுள்ளீர்கள் என்று கருதுகிறேன். உங்களிடம் ரூபி 2.0 மற்றும் ரெயில்ஸ் இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள் 4.2.2. கட்டளை வரியில் இருந்து பதிப்பை நீங்கள் சரிபார்க்கலாம்.

குறிப்பு: ரூபி 2.0 மற்றும் ரெயில்ஸ் 4.2.2 ஐப் பயன்படுத்துவோம். உங்களிடம் ரூபி மற்றும் ரெயில்களின் வேறுபட்ட பதிப்புகள் இருந்தால், இந்த இடுகையில் காட்டப்பட்டுள்ள சில படிகள் உங்களுக்கு வேலை செய்யாது.

திட்டத்தை உருவாக்குதல்:

எங்கள் திட்டத்திற்கு வலைத்தளம் என்று பெயரிடுவோம். திட்ட பயன்பாட்டு கட்டளையை உருவாக்க ரெயில்ஸ் புதிய வலைத்தளம்

ரெயில்கள் தானாகவே எல்லா கோப்புகளையும் உருவாக்கும், மேலும் கீழே காட்டப்பட்டுள்ளபடி தானாக நிறுவப்பட்ட ரன் மூட்டையை இயக்குவதன் மூலம் தேவையான அனைத்து ரத்தினங்களையும் இது நிறுவும்

இப்போது உங்கள் சி: டிரைவின் கீழ் ஒரு வலைத்தள கோப்புறையைப் பார்ப்பீர்கள் (ரெயில்ஸ் புதிய வலைத்தள கட்டளையை நாங்கள் செயல்படுத்திய இடம்). சில ஐடிஇயில் வலைத்தள கோப்புறையைத் திறப்போம். அடோப்பிலிருந்து எனக்கு அடைப்புக்குறிகள் ஐடிஇ உள்ளது. பரவாயில்லை என்பதால் நீங்கள் வேறு எதையும் பயன்படுத்தலாம்.

திட்ட அமைப்பு:

உருவாக்கப்பட்ட திட்ட அமைப்பு கீழே இருக்கும்

நாங்கள் எந்த குறியீடும் எழுதவில்லை என்றாலும், நீங்கள் இப்போது வலைத்தள பயன்பாட்டை இயக்கலாம். வலைத்தள பயன்பாட்டை இயக்க, கீழே காட்டப்பட்டுள்ளபடி வலைத்தள கோப்புறையிலிருந்து ரெயில்ஸ் கட்டளையை இயக்கவும்

மேலே உள்ள ஸ்னாப்ஷாட்டில் எங்கள் வலைத்தள பயன்பாடு பயன்படுத்தப்பட்டுள்ளதை நீங்கள் காணலாம்http: // localhost: 3000

URL ஐ அணுகும்போது கீழே உள்ள திரையை நீங்கள் காண முடியும்http: // localhost: 3000

ஆனால் URL ஐ அணுகுவதில் எங்கள் பயன்பாட்டு முதன்மை பக்கத்தைக் காட்ட விரும்புகிறோம்http: // localhost: 3000 /.அதற்காக எங்கள் வலைத்தள திட்டத்தின் பொது கோப்புறையின் கீழ் ஒரு index.html பக்கத்தை உருவாக்குவோம்.

குறிப்பு: ரூட் URL ஐ அணுகும்போது index.html பக்கத்திற்கு தண்டவாளங்கள் தானாகவே சேவை செய்யும்http: // localhost: 3000

தற்போதைக்கு index.html பக்கத்தில் ஒரு வரி மட்டுமே உள்ளது.

ரூட் URL ஐ அணுகலாம்http: // localhost: 3000

இப்போது, ​​சில படங்களைச் சேர்ப்பதன் மூலம் எங்கள் index.html பக்கத்தில் சில உயிர்களை வைப்போம் - JS மற்றும் குளிர் CSS. தொடக்க பூட்ஸ்ட்ராப்பிலிருந்து கிரேஸ்கேல் தீம் பயன்படுத்துவோம்.

கிரேஸ்கேல் ஸ்டார்ட் பூட்ஸ்டார்ப் தீம் -

நாம் பயன்படுத்தும் கிரேஸ்கேல் ஸ்டார்ட் பூட்ஸ்ட்ராப் கருப்பொருளின் ஸ்னாப்ஷாட் கீழே உள்ளது. எங்கள் தேவையைப் பூர்த்தி செய்ய இந்த கருப்பொருளை நாங்கள் தனிப்பயனாக்குவோம்.

இந்த கருப்பொருளை நீங்கள் பதிவிறக்கம் செய்யலாம் http://startbootstrap.com/template-overviews/grayscale/

கிரேஸ்கேல் கருப்பொருளைப் பதிவிறக்கி, CSS, எழுத்துரு-அற்புதமான, எழுத்துருக்கள், img, JS மற்றும் index.html ஐ வலைத்தள திட்டத்தின் பொது அடைவுக்கு நகலெடுக்கவும். வலைத்தள திட்டத்தின் பொது அடைவின் கீழ் CSS, JS, எழுத்துருக்கள், படங்கள் கோப்புறை மற்றும் index.html பக்கத்தைச் சேர்த்த பிறகு திட்ட ஸ்னாப்ஷாட் கீழே உள்ளது.

இப்போது எங்கள் வலைத்தள திட்டத்தை இயக்குவோம்:

திட்டத்தை இயக்கும் போது உங்களுக்கு அழகிய கிரேஸ்கேல் தீம் பக்கம் வழங்கப்படும்.

php print_r வரிசை

இது ஒரு தொழில்முறை தோற்றத்தை அளிக்க index.html பக்கத்தை (வலைத்தள திட்டத்தின் பொது அடைவின் கீழ்) மாற்றுவோம்.

Index.html பக்கத்தில் மாற்றங்களைச் செய்த பின்னர் வலைத்தள திட்டத்தின் ஸ்னாப்ஷாட் கீழே உள்ளது. ஒரு படத்திற்கு குறிப்பிட்டதாக மாற்றுவதற்காக படங்களை மாற்றி சில உரையைத் திருத்தியுள்ளோம்.

நீங்கள் விரும்பியபடி index.html மற்றும் grayscale.CSS ஐ மாற்றலாம். இப்போது, ​​எங்கள் வலைத்தள பயன்பாட்டை ஹீரோக்குக்கு அனுப்ப நாங்கள் தயாராக உள்ளோம்.

கிதுபிற்கு குறியீட்டை தள்ளுதல்:

பயன்பாட்டை ஹீரோகுவிற்குப் பயன்படுத்துவதற்கு முன்பு, எங்கள் குறியீட்டை தொலைதூர கிதுப் களஞ்சியத்திற்குத் தள்ள வேண்டும். அதற்கு உங்களுக்கு கிதுப் கணக்கு தேவை. உங்களிடம் கிதுப் கணக்கு இல்லையென்றால், சென்று ஒன்றை உருவாக்கவும் www.github.com .

உங்கள் விண்டோஸில் கிதுப்பை நிறுவவும் வேண்டும். ஜன்னல்களுக்கான கிதுப்பை பதிவிறக்கவும் https://windows.github.com/ .

உங்கள் கணினியில் கிதுப்பை பதிவிறக்கம் செய்து நிறுவியதும், கிதுப் பயன்பாட்டைத் திறந்து உங்கள் கிதுப் நற்சான்றிதழ்களை உள்ளமைத்து, கிட் பாஷ் ஷெல்லை உங்கள் இயல்புநிலை ஷெல்லாகத் தேர்வுசெய்க (நீங்கள் விரும்பும் வேறு எந்த விருப்பத்தையும் தேர்வு செய்யலாம்) பின்னர் மாற்றங்களைச் சேமிக்கவும்.

கிதுபில் நீங்கள் ஒரு களஞ்சியத்தை உருவாக்க வேண்டும், அங்கு நாங்கள் எங்கள் வலைத்தள திட்டத்தை தொலைவிலிருந்து சேமிப்போம். ஒரு களஞ்சியத்தை உருவாக்க, கிதுபில் உள்நுழைந்து பச்சை பொத்தானில் காட்டப்பட்டுள்ள புதிய களஞ்சிய விருப்பத்தை சொடுக்கவும்.

உங்கள் களஞ்சியத்திற்கு பெயரிடுங்கள் (இந்த விஷயத்தில் நாங்கள் இதற்கு ரெயில்டோஹெரோகு என்று பெயரிட்டுள்ளோம்) கீழே காட்டப்பட்டுள்ளபடி உருவாக்கு களஞ்சிய இணைப்பை சொடுக்கவும்.

கிதுப் தொலை URL ஐ வழங்கும் ( https://github.com/eMahtab/railtoheroku.git இந்த விஷயத்தில்) உள்ளூர் கணினியிலிருந்து கிதுபிற்கு குறியீட்டைத் தள்ளும்போது தேவைப்படும் ரெயில்டோஹெரோகு களஞ்சியத்திற்கு.

இப்போது, ​​எங்கள் வலைத்தள திட்ட குறியீட்டை கிதுபிற்கு தள்ள நாங்கள் தயாராக உள்ளோம். குறியீட்டை கிதுபிற்கு தள்ள கீழே உள்ள படிகளைப் பின்பற்றவும்.

கீழே காட்டப்பட்டுள்ளபடி வலைத்தள அடைவை துவக்க Git shell ஐ திறந்து Git init கட்டளையைப் பயன்படுத்தவும்:

இப்போது, ​​வலைத்தள அடைவில் உள்ள அனைத்து கோப்புகளையும் பதிப்பு கட்டுப்பாட்டின் கீழ் Git add ஐ செயல்படுத்துவதன் மூலம் சேர்க்கவும்.

Git commit --m “Final commit” ஐ இயக்குவதன் மூலம் எல்லா கோப்புகளையும் செய்யுங்கள்

சரம் ஜாவாவிலிருந்து தேதியைப் பெறுங்கள்

கீழே காட்டப்பட்டுள்ளபடி தொலை களஞ்சியத்தைச் சேர்க்கவும்:

இப்போது குறியீட்டை கிதுப் களஞ்சியத்திற்கு தள்ளும் கடைசி படி:

நாங்கள் கிதுப் உடன் முடித்துவிட்டோம். அடுத்த பகுதி ஹெரோகுவுக்கு பயன்பாட்டின் உண்மையான வரிசைப்படுத்தல் ஆகும்.

விண்ணப்பத்தை ஹீரோகுவுக்கு வரிசைப்படுத்துதல்:

இல் ஒரு ஹீரோகு கணக்கை உருவாக்கவும் https://www.heroku.com/

குறிப்பு : விண்ணப்பத்தை ஹீரோகுக்கு அனுப்ப சில மாற்றங்களை நாங்கள் செய்ய வேண்டும். ஹீரோகு SqLite 3 ஐ ஆதரிக்கவில்லை, அதற்கு பதிலாக PostgreSQL தரவுத்தளத்தைக் கொண்டுள்ளது. எனவே நாம் ஜெம்ஃபைலில் இருந்து சதுர 3 சார்புநிலையை அகற்ற வேண்டும். ஹீரோகுக்கு ரெயில்ஸ்_12 ஃபாக்டர் ரத்தினம் தேவைப்படுகிறது, இது படங்கள் மற்றும் நடைதாள்கள் போன்ற நிலையான சொத்துக்களுக்கு சேவை செய்ய ஹீரோகு பயன்படுத்துகிறது. ஜெம்ஃபைலில் தேவையான இரண்டு மாற்றங்கள் கீழே சுருக்கப்பட்டுள்ளன:

ஜெம்ஃபைலில் இருந்து ‘sqlite3’ என்ற வரியை அகற்று

ஜெம்ஃபைலில் பின்வரும் வரிகளைச் சேர்க்கவும்

குழு: வளர்ச்சி ,: சோதனை செய்யுங்கள் #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end

ஜெம்ஃபைலில் மாற்றங்களைச் செய்தபின் எல்லாம் சரியாக செயல்படுகிறதா என்பதைச் சரிபார்க்கலாம். ஜெம்ஃபைலைச் சேமித்து இயக்கவும் மூட்டை நிறுவுதல் எந்தவொரு உற்பத்தி கற்கள் உள்ளூர் நிறுவலைத் தடுக்க ஒரு சிறப்புக் கொடியுடன் (உற்பத்தி இல்லாமல்).

ஜெதுஃபைலில் செய்யப்பட்ட மாற்றங்களை கிதுபில் உள்ள தொலை களஞ்சியத்திற்கு மாற்றலாம்:

மாற்றங்களை தொலை கிதூப் களஞ்சியத்திற்கு தள்ளுங்கள்:

ஹீரோகுவில் புதிய பயன்பாட்டை உருவாக்குதல்:

ஹீரோகுவில் உள்நுழைந்து புதிய பயன்பாட்டை உருவாக்கவும். எனது பயன்பாட்டிற்கு ரெயில்டோஹெரோகு என்று பெயரிட்டுள்ளேன். நீங்கள் விரும்பியதை நீங்கள் பெயரிடலாம். பெயரிடப்பட்ட பயன்பாட்டை உருவாக்க உருவாக்கு பயன்பாட்டைக் கிளிக் செய்க.

ஹீரோகு பயன்பாட்டுடன் கிதுப் களஞ்சியத்தை இணைக்கிறது:

அடுத்த கட்டமாக உங்கள் கிதுப் களஞ்சியத்தை ஹீரோக்குடன் இணைப்பது.

கீழே எங்கள் கிதுப் களஞ்சிய ரெயில்டோஹெரோகு இணைக்கப்பட்டுள்ளோம்

எங்கள் கிதுப் களஞ்சியத்தை ஹீரோகுவுடன் இணைத்தவுடன், எங்கள் பயன்பாட்டை வரிசைப்படுத்த நாங்கள் தயாராக உள்ளோம். பயன்பாட்டை உருட்டுவதற்கு கையேடு வரிசைப்படுத்தல் விருப்பத்திற்கு கீழே சென்று வரிசை கிளை விருப்பத்தை சொடுக்கவும்.

விண்ணப்பத்தை வரிசைப்படுத்துதல்:

டிப்ளாய் கிளையில் கிளிக் செய்தவுடன், ஹெரோகு ஜெம்ஃபைலில் இருந்து ரத்தினங்களை நிறுவத் தொடங்குவார்:

அனைத்து ரத்தினங்களும் நிறுவப்பட்டதும், பயன்பாடு பயன்படுத்தப்பட்டதும், “உங்கள் பயன்பாடு வெற்றிகரமாக பயன்படுத்தப்பட்டுள்ளது” என்று ஹீரோகுவின் வாழ்த்துச் செய்தியைக் காண்பீர்கள்.

உங்கள் பயன்படுத்தப்பட்ட பயன்பாட்டைக் காண, காட்சி பொத்தானைக் கிளிக் செய்தால், உங்கள் பயன்பாடு வெற்றிகரமாக பயன்படுத்தப்படுவதைக் காணலாம்.

மேலே உள்ள ஏதேனும் படிகளைப் பின்பற்றும்போது ஏதேனும் சிக்கலை எதிர்கொண்டால் கீழே கருத்துத் தெரிவிக்கவும். இந்த இடுகையை நீங்கள் ரசித்தீர்கள் என்று நம்புகிறேன்.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.

தொடர்புடைய இடுகைகள்:

SAX பாகுபடுத்தியைப் பயன்படுத்தி எக்ஸ்எம்எல் கோப்புகளை பாகுபடுத்துதல்