آپلود پروژه روی گیت هاب (آموزش تصویری)

قبلا آموزش شروع کار و ایجاد پروژه در گیت هاب رو بهتون توضیح دادم. امروز توی این آموزش قصد دارم یه پروژه رو که روی سیستمم نوشتمش و تمومش کردم رو روی گیت هاب آپلود کنم. این آموزش شباهت هایی با آموزش قبلی داره، ولی کاملا با هم فرق میکنن. خب بریم سراغ آموزش:

پیش نیاز این آموزش نصب ورژن کنترل گیت روی کامپیوترتون هستش.

ایجاد ریپازیتوری (Repository) یا مخزن در گیت هاب

بعد از اینکه با اکانتتون وارد سایت گیت هاب به آدرس github.com شدید، از منو بالا سمت راست، روی علامت + کلیک کنید و روی New repository کلیک کنید:

اطلاعات مخرن مورد نظرتون رو وارد کنید (من توی این آموزش پروژه PWA ساده رو داخل گیت هابم گذاشتم):
اول از همه یه اسم برای مخرن وارد کنید و بعد توضیحاتی درباره پروژه بدید. بعد مخزن رو پابلیک بزارید تا همه بتونن اون رو ببینن و استفاده کنن. در نهایت روی دکمه Create repository کلیک کنید:

چون هیچ فایلی داخل مخزن وجود نداره، تصویری مثل زیر میبینید که به شما میگه چطور پروژه تون رو به این مخزن بیارید:

آپلود پروژه روی مخزن گیت هاب

من فولدر پروژه رو به دسکتاپ کامپیوترم آوردم (در اصل نیازی به این کار نیست و من این کار رو به خاطر قابل فهم بودن آموزش کردم). همونطور که در تصویر زیر میبینید، یه سری فولدر و فایل های html, css, js قرار گرفتن. من به دلخواه خودم فایل README.md هم به پروژه اضافه کرده بودم تا صفحه گیت هابم بهتر دیده بشه:

ترمینالتون رو باز کنید (اگه از ویندوز استفاده میکنید Git bash رو باز کنید). با دستور cd وارد فولدر پروژه که در دسکتاپ قرار گرفته بشید:

cd Desktop/simple-PWA 

ایجاد مخزن گیت

دستور زیر رو وارد کنید تا یه مخزن خالی گیت داخل فولدر پروژه اضافه بشه:

git init 

این دستور در اصل یه فولدر مخفی به اسم .git داخل فولدر پروژه اضافه میکنه که تمام اطلاعات مربوط به گیت و مخرن داخل اون ثبت میشه:

اضافه کردن فایل به گیت

برمیگردیم به ترمینال و با دستور زیر تمامی فایل های داخل فولدر رو به گیت اضافه میکنیم:

git add . 

علامت نقطه . یعنی اینکه همه ی فایل های داخل مسیر فعلی رو اضافه کن. مثلا اگه میخواستید فقط فایل index.html رو به گیت اضافه کنید، باید از دستور زیر استفاده میکردید:

git add index.html 

این اضافه شدن در اصل به معنی شامل شدن هستش. یعنی این فایل ها شامل ثبت تغییرات سیستم گیت بشن.

حالا باید برای این فایل های تازه اضافه شده به گیت، یه پیام مشخص بزاریم. برای این کار از دستور زیر استفاده میکنیم:

git commit -m "Upload simple PWA project on Github" 

چون پروژه من تکمیل شده بود من یه پیام کلی گذاشتم. ولی اگه پروژه شما در حال گسترش هستش حتما بصورت جز به جز برای تغییرات پیام بزارید.

خب برای گیتی که روی پروژه اجرا کردیم، نیازه که یه شاخه (branch) پیشفرض تعریف کنیم. (اگه این کار رو نکنیم روی شاخه پیشفرضی که روی سیستمتون تعریف شده (معمولا master یا main هستش) تنظیم میشه). با دستور زیر تنظیم میکنیم که شاخه پیش فرض ما master هستش:

git branch -M master 

معرفی مخزن گیت هاب به گیت

حالا باید آدرس مخزن آنلاینمون رو بدیم که توی این آموزش از مخزن گیت هاب استفاده میکنیم. با دستور زیر آدرس مخزنتون که داخل گیت هاب ساختید رو وارد کنید (به جای YOUR_REPOSITORY_ADDRESS آدرس مخزنی که در اول این آموزش ساختید رو وارد کنید):

git remote add origin YOUR_REPOSITORY_ADDRESS

# for example
# git remote add origin https://github.com/alirahimi818/simple-PWA.git 

با دستور زیر فایل هایی که به گیت اضافه کردیم رو میفرستیم روی مخزن گیت هابمون:

git push -u origin master 

چون توی مراحل قبلی شاخه پیشفرض تعریف کردیم، اگه قصد دارید که درخواست پوش شما به همون شاخه ارسال بشه، موقع پوش کردن دیگه نیاز نیست شاخه رو مشخص کنید. یعنی کافیه از دستور زیر استفاده کنید:

git push origin 

صفحه مخزن گیت هابتون رو داخل مرورگر باز کنید. میبینید که تمام فایل های پروژه تون اومده داخل مخزن گیت هابتون:

کار تمومه! شما موفق شدید پروژه تون رو روی گیت هاب بارگذاری کنید. حالا همه میتونن از پروژه شما استفاده کنن و یا اون رو توسعه بدن (البته با اجازه گرفتن از شما).

آدرس گیت هاب پروژه ای که توی این آموزش استفاده شد : https://github.com/alirahimi818/simple-PWA

اگه جایی به مشکل خوردید میتونید همینجا توی بخش نظرات مشکلتون رو مطرح کنید.