Yandex.Cloud ઑબ્જેક્ટ સ્ટોરેજનો ઉપયોગ કરીને સ્થિર વેબસાઇટ કેવી રીતે હોસ્ટ કરવી

હે હબર!

આ લેખમાં, હું તમને કહીશ કે યાન્ડેક્સ ટેક્નોલોજીનો ઉપયોગ કરીને સ્થિર વેબસાઇટને સરળતાથી અને સરળ રીતે કેવી રીતે હોસ્ટ કરવી, એટલે કે ઑબ્જેક્ટ સ્ટોરેજ.

અંતે, તમારી પાસે વેબ-હોસ્ટેડ વેબસાઇટ હશે જે બાહ્ય લિંક દ્વારા ઍક્સેસિબલ હશે.

આ લેખ ઉપયોગી થશે જો તમે

• એક શિખાઉ વિકાસકર્તા જે ફક્ત પ્રોગ્રામ કરવાનું શીખી રહ્યો છે;
• એક વિકાસકર્તા જેણે પોર્ટફોલિયો બનાવ્યો છે અને તેને મિત્રો અને નોકરીદાતાઓને બતાવવા માટે તેને સાર્વજનિક ડોમેનમાં મૂકવા માંગે છે.

મારા વિશે

તાજેતરમાં, હું SaaS સેવા વિકસાવી રહ્યો હતો, એક પ્રકારનું માર્કેટપ્લેસ જ્યાં લોકો વ્યક્તિગત તાલીમ માટે રમતગમતના પ્રશિક્ષકો શોધે છે. એમેઝોન વેબ સર્વિસ સ્ટેકનો ઉપયોગ કર્યો (ત્યારબાદ AWS તરીકે ઓળખવામાં આવે છે). પરંતુ મેં પ્રોજેક્ટમાં જેટલા ઊંડા ઉતર્યા, સ્ટાર્ટઅપના આયોજનની વિવિધ પ્રક્રિયાઓ વિશે મેં જેટલી વધુ ઘોંઘાટ શીખી.

મને નીચેની સમસ્યાઓનો સામનો કરવો પડ્યો:

• AWS ઘણા પૈસા ખાઈ રહી હતી. એન્ટરપ્રાઇઝ કંપનીઓમાં 3 વર્ષ કામ કર્યા પછી, મને ડોકર, કુબરનેટ્સ, CI/CD, બ્લુ ગ્રીન ડિપ્લોયમેન્ટ જેવા આનંદની આદત પડી ગઈ હતી અને, એક મહત્વાકાંક્ષી સ્ટાર્ટઅપ પ્રોગ્રામર તરીકે, હું તેનો અમલ કરવા માંગતો હતો. પરિણામે, હું નિષ્કર્ષ પર આવ્યો કે AWS માસિક 300-400 રૂપિયા વાપરે છે. એક ક્લસ્ટર અને એક નોડના લઘુત્તમ વેતન સાથે, કુબરનેટ્સ સૌથી મોંઘા, લગભગ 100 રૂપિયા હતા.
  પીએસ શરૂઆતમાં આ કરવાની જરૂર નથી.
• આગળ, કાનૂની બાજુ વિશે વિચારતા, મેં કાયદો 152-FZ વિશે શીખ્યા, જે નીચે મુજબ કંઈક કહે છે: "રશિયન ફેડરેશનના નાગરિકોનો વ્યક્તિગત ડેટા રશિયન ફેડરેશનના પ્રદેશ પર સંગ્રહિત હોવો આવશ્યક છે", અન્યથા દંડ, જે હું ઇચ્છતો ન હતો. ઉપરથી મારી પાસે આવે તે પહેલાં મેં આ મુદ્દાઓને ઉકેલવાનું નક્કી કર્યું :).

પ્રેરિત લેખો એમેઝોન વેબ સર્વિસીસમાંથી યાન્ડેક્સ.ક્લાઉડ પર ઇન્ફ્રાસ્ટ્રક્ચર સ્થાનાંતરિત કરવા વિશે, મેં યાન્ડેક્સ સ્ટેકનો વધુ વિગતવાર અભ્યાસ કરવાનું નક્કી કર્યું.

મારા માટે, Yandex.Cloud ની મુખ્ય લાક્ષણિકતાઓ નીચે મુજબ હતી:

• 2-3 ગણું સસ્તું (ઉપરના લેખ અને જાહેર કિંમત સૂચિ મુજબ)
• રશિયન ફેડરેશનના પ્રદેશ પરના વપરાશકર્તાઓના વ્યક્તિગત ડેટાનો સંગ્રહ, જે મહાન એમેઝોન હજી સુધી હાંસલ કરી શકતું નથી.

મેં આ સેવાના અન્ય સ્પર્ધકોનો અભ્યાસ કર્યો, પરંતુ તે સમયે યાન્ડેક્સ જીતી રહ્યો હતો.

મેં તમને મારા વિશે કહ્યું છે, જેથી અમે વ્યવસાયમાં ઉતરી શકીએ.

પગલું 0. સાઇટ તૈયાર કરો

પ્રથમ, અમને એક વેબસાઇટની જરૂર છે જે અમે ઇન્ટરનેટ પર મૂકવા માંગીએ છીએ. હું એક કોણીય વિકાસકર્તા હોવાથી, હું એક સરળ SPA એપ્લિકેશન ટેમ્પલેટ બનાવીશ, જે પછી હું ઇન્ટરનેટ પર પોસ્ટ કરીશ.

પીએસ કોણ કોણીય સમજે છે અથવા તેના દસ્તાવેજીકરણ વિશે જાણે છે https://angular.io/guide/setup-local, પર જાઓ પગલું 1.

ચાલો કોણીયમાં SPA સાઇટ્સ બનાવવા માટે Angular-CLI ઇન્સ્ટોલ કરીએ:

npm install -g @angular/cli

ચાલો નીચેના આદેશનો ઉપયોગ કરીને કોણીય એપ્લિકેશન બનાવીએ:

ng new angular-habr-object-storage

આગળ, એપ્લિકેશન ફોલ્ડર પર જાઓ અને તેની કાર્યક્ષમતા તપાસવા માટે તેને લોંચ કરો:

cd angular-habr-object-storage
ng serve --open

એપ્લિકેશન બનાવવામાં આવી છે, પરંતુ હજુ સુધી હોસ્ટિંગ માટે તૈયાર નથી. ચાલો બધી બિનજરૂરી વસ્તુઓને દૂર કરવા અને ફક્ત જરૂરી ફાઇલો છોડી દેવા માટે એપ્લિકેશનને નાના બિલ્ડ (ઉત્પાદન) માં એસેમ્બલ કરીએ.
કોણીયમાં તમે નીચેના આદેશ સાથે આ કરી શકો છો:

ng build --prod

આ આદેશના પરિણામે, એપ્લિકેશનના રુટમાં એક ફોલ્ડર દેખાયું dist અમારી વેબસાઇટ સાથે.

કામ કરે છે. હવે ચાલો હોસ્ટિંગ તરફ આગળ વધીએ.

1 પગલું.

ચાલો સાઇટ પર જઈએ https://console.cloud.yandex.ru/ અને "કનેક્ટ" બટન પર ક્લિક કરો.

ઉદાહરણ:

• યાન્ડેક્ષ સેવાનો ઉપયોગ કરવા માટે, તમારે યાન્ડેક્ષ મેઇલની જરૂર પડી શકે છે (પરંતુ આ ચોક્કસ નથી)
• કેટલાક કાર્યો માટે તમારે તમારા વ્યક્તિગત ખાતામાં તમારા ખાતામાં પૈસા જમા કરાવવા પડશે (ઓછામાં ઓછા 500 રુબેલ્સ).

સફળ નોંધણી અને અધિકૃતતા પછી, અમે તમારા વ્યક્તિગત ખાતામાં છીએ.

મેનૂમાં ડાબી બાજુએ આગળ તમારે "ઑબ્જેક્ટ સ્ટોરેજ" સેવા શોધવાની જરૂર છે, જેનો ઉપયોગ અમે સાઇટને હોસ્ટ કરવા માટે કરીશું.

સંક્ષિપ્તમાં:

• ઑબ્જેક્ટ સ્ટોરેજ એ એમેઝોનની સમાન AWS S3 ટેક્નોલોજી સાથે સુસંગત ફાઇલ સ્ટોરેજ છે, જે કોડમાંથી સ્ટોરેજને મેનેજ કરવા માટે તેનું પોતાનું API પણ ધરાવે છે અને AWS S3ની જેમ, સ્થિર સાઇટને હોસ્ટ કરવા માટે ઉપયોગમાં લઈ શકાય છે.
• ઑબ્જેક્ટ સ્ટોરેજમાં આપણે "બકેટ્સ" (બકેટ્સ) બનાવીએ છીએ, જે અમારી ફાઇલો માટે અલગ સ્ટોરેજ એરિયા છે.

ચાલો તેમાંથી એક બનાવીએ. આ કરવા માટે, સેવા કન્સોલમાં, "બકેટ બનાવો" બટન પર ક્લિક કરો.

બકેટ બનાવવા માટેના ફોર્મમાં નીચેના ક્ષેત્રો છે, ચાલો તેમાંથી પસાર થઈએ:

• બકેટ નામ. સરળતા માટે, ચાલો પ્રોજેક્ટને કોણીય જેવો જ કહીએ - angular-habr-object-storage
• મહત્તમ કદ અમારી સાઇટનું વજન જેટલું છે તેટલું અમે શરત લગાવીએ છીએ, કારણ કે સાઇટ મફતમાં સંગ્રહિત નથી અને દરેક ફાળવેલ ગીગાબાઇટ માટે, અમે યાન્ડેક્સને એક સુંદર પૈસો ચૂકવીશું.
• ઑબ્જેક્ટ્સ વાંચવાની ઍક્સેસ. અમે તેને "સાર્વજનિક" પર સેટ કર્યું છે, કારણ કે વપરાશકર્તાએ અમારી સ્ટેટિક સાઇટની દરેક ફાઇલ પ્રાપ્ત કરવી આવશ્યક છે જેથી કરીને લેઆઉટ તેના પર યોગ્ય રીતે દોરવામાં આવે, સ્ક્રિપ્ટ્સ પર પ્રક્રિયા કરી શકાય, વગેરે.
• ઑબ્જેક્ટ્સની સૂચિની ઍક્સેસ અને સેટિંગ્સ વાંચવાની ઍક્સેસ. તેને "મર્યાદિત" તરીકે છોડી દો. એપ્લિકેશન માટે આંતરિક ફાઇલ સ્ટોરેજ તરીકે બકેટનો ઉપયોગ કરવા માટે આ જરૂરી છે.
• સંગ્રહ વર્ગ. તેને "સ્ટાન્ડર્ડ" તરીકે છોડી દો. આનો અર્થ એ છે કે અમારી સાઇટની વારંવાર મુલાકાત લેવામાં આવશે, અને તેથી તે ફાઇલો જે સાઇટ બનાવે છે તે વારંવાર ડાઉનલોડ કરવામાં આવશે. ઉપરાંત આઇટમ પ્રભાવ અને ચુકવણીને અસર કરે છે (લિંક દાખલ કરો).

"એક ડોલ બનાવો" પર ક્લિક કરો અને બકેટ બનાવવામાં આવશે.

હવે આપણે અમારી સાઇટને બકેટ પર અપલોડ કરવાની જરૂર છે. નજીકમાં ફોલ્ડર ખોલવાનો સૌથી સહેલો રસ્તો છે dist અમારી સાઇટ અને તેને હેન્ડલ્સનો ઉપયોગ કરીને સીધા પૃષ્ઠ પર ખેંચો. "લોડ ઑબ્જેક્ટ્સ" બટન પર ક્લિક કરવા કરતાં આ વધુ અનુકૂળ છે, કારણ કે આ કિસ્સામાં ફોલ્ડર્સ સ્થાનાંતરિત થતા નથી અને તમારે તેમને યોગ્ય ક્રમમાં મેન્યુઅલી બનાવવા પડશે.

તેથી, સાઇટ સ્ટોરેજમાં લોડ થાય છે, તેથી અમે વપરાશકર્તાઓને વેબસાઇટ તરીકે સ્ટોરેજને ઍક્સેસ કરવાની તક આપી શકીએ છીએ.
આ કરવા માટે, મેનુની ડાબી બાજુએ, "વેબસાઇટ" ટેબ પર ક્લિક કરો.

સાઇટ તરીકે બકેટ સેટ કરવા માટેના પૃષ્ઠ પર, "હોસ્ટિંગ" ટૅબ પસંદ કરો. અહીં અમે સાઇટનું મુખ્ય પૃષ્ઠ સૂચવીએ છીએ, સામાન્ય રીતે index.html. જો તમારી પાસે SPA એપ્લિકેશન છે, તો સંભવતઃ બધી ભૂલો પણ મુખ્ય પૃષ્ઠ પર પ્રક્રિયા કરવામાં આવે છે, તેથી અમે ભૂલ પૃષ્ઠ પર index.html પણ સૂચવીશું.

અમે તરત જ જોઈએ છીએ કે કઈ લિંક દ્વારા અમારી સાઇટ ઍક્સેસિબલ હશે. સેવ પર ક્લિક કરો.

લગભગ 5 મિનિટ પછી, લિંક પર ક્લિક કરીને, આપણે જોઈએ છીએ કે અમારી સાઇટ હવે દરેક માટે ઉપલબ્ધ છે.

અંત સુધી વાંચનાર દરેકનો આભાર! આ મારો પહેલો લેખ છે; હું અન્ય યાન્ડેક્સ સેવાઓ અને ફ્રન્ટએન્ડ અને બેકએન્ડ ટેક્નોલોજીઓ સાથેના તેમના એકીકરણનું વધુ વર્ણન કરવાની યોજના ઘડી રહ્યો છું.

ટિપ્પણીઓમાં લખો કે તમને અન્ય યાન્ડેક્સ સેવાઓ વિશે અથવા આધુનિક વિકાસમાં કોણીયના ઉપયોગ વિશે શીખવામાં કેટલો રસ છે.

સોર્સ: www.habr.com