ਕਲਾਉਡਫਲੇਅਰ ਵਰਕਰ ਸਾਈਟਾਂ 'ਤੇ ਇੱਕ ਸਥਿਰ ਸਾਈਟ ਕਿਵੇਂ ਬਣਾਈਏ

ਸਤ ਸ੍ਰੀ ਅਕਾਲ! ਮੇਰਾ ਨਾਮ ਦੀਮਾ ਹੈ, ਮੈਂ Wrike ਵਿਖੇ SysOps ਟੀਮ ਲਈ ਤਕਨੀਕੀ ਲੀਡ ਹਾਂ। ਇਸ ਲੇਖ ਵਿੱਚ ਮੈਂ ਤੁਹਾਨੂੰ ਦੱਸਾਂਗਾ ਕਿ ਕਿਵੇਂ ਇੱਕ ਵੈਬਸਾਈਟ ਨੂੰ 10 ਮਿੰਟ ਅਤੇ 5 ਡਾਲਰ ਇੱਕ ਮਹੀਨੇ ਵਿੱਚ ਸੰਭਵ ਤੌਰ 'ਤੇ ਉਪਭੋਗਤਾ ਦੇ ਨੇੜੇ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਇਸਦੀ ਤੈਨਾਤੀ ਨੂੰ ਸਵੈਚਾਲਤ ਕਿਵੇਂ ਕਰਨਾ ਹੈ। ਲੇਖ ਦਾ ਉਹਨਾਂ ਸਮੱਸਿਆਵਾਂ ਨਾਲ ਕੋਈ ਲੈਣਾ-ਦੇਣਾ ਨਹੀਂ ਹੈ ਜੋ ਅਸੀਂ ਆਪਣੀ ਟੀਮ ਦੇ ਅੰਦਰ ਹੱਲ ਕਰਦੇ ਹਾਂ। ਇਸ ਦੀ ਬਜਾਏ ਇਹ ਮੇਰਾ ਨਿੱਜੀ ਤਜਰਬਾ ਹੈ ਅਤੇ ਅਜਿਹੀ ਤਕਨਾਲੋਜੀ ਨੂੰ ਜਾਣਨ ਦੇ ਪ੍ਰਭਾਵ ਹਨ ਜੋ ਮੇਰੇ ਲਈ ਨਵੀਂ ਹੈ। ਮੈਂ ਵੱਧ ਤੋਂ ਵੱਧ ਵਿਸਥਾਰ ਵਿੱਚ ਕਦਮਾਂ ਦਾ ਵਰਣਨ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਤਾਂ ਜੋ ਹਦਾਇਤਾਂ ਵੱਖੋ-ਵੱਖਰੇ ਅਨੁਭਵ ਵਾਲੇ ਲੋਕਾਂ ਲਈ ਉਪਯੋਗੀ ਹੋਣ। ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਤੁਸੀਂ ਆਨੰਦ ਮਾਣੋਗੇ। ਜਾਣਾ!

ਇਸ ਲਈ, ਸ਼ਾਇਦ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਦਾ ਇੱਕ ਸਧਾਰਨ ਅਤੇ ਸਸਤਾ ਤਰੀਕਾ ਲੱਭ ਲਿਆ ਹੈ. ਸ਼ਾਇਦ ਮੁਫਤ ਵੀ, ਜਿਵੇਂ ਕਿ ਇਸ ਵਿੱਚ ਦੱਸਿਆ ਗਿਆ ਹੈ ਮਹਾਨ ਲੇਖ.

ਪਰ ਅਚਾਨਕ ਤੁਸੀਂ ਅਜੇ ਵੀ ਬੋਰ ਹੋ ਅਤੇ ਤਕਨਾਲੋਜੀ ਦੀ ਬਹਾਦਰ ਨਵੀਂ ਦੁਨੀਆਂ ਨੂੰ ਛੂਹਣਾ ਚਾਹੁੰਦੇ ਹੋ? ਮੰਨ ਲਓ ਕਿ ਤੁਸੀਂ ਸਵੈਚਾਲਤ ਤੈਨਾਤੀ ਬਾਰੇ ਸੋਚ ਰਹੇ ਹੋ ਅਤੇ ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਜਿੰਨਾ ਸੰਭਵ ਹੋ ਸਕੇ ਤੇਜ਼ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ? ਇਸ ਲੇਖ ਵਿਚ ਅਸੀਂ ਵਰਤਾਂਗੇ Hugo, ਪਰ ਇਹ ਵਿਕਲਪਿਕ ਹੈ।

ਅਸੀਂ ਆਟੋਮੇਸ਼ਨ ਲਈ Gitlab CI/CD ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ, ਪਰ ਪ੍ਰਵੇਗ ਬਾਰੇ ਕੀ? ਆਉ ਸਾਈਟ ਨੂੰ ਸਿੱਧਾ ਕਲਾਉਡਫਲੇਅਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੈਨਾਤ ਕਰੀਏ ਵਰਕਰ ਸਾਈਟਾਂ.

ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਕੀ ਲੋੜ ਹੈ:

• Gitlab (ਤੁਹਾਡਾ ਆਪਣਾ ਜਾਂ ਬੱਦਲ)

• ਖਾਤਾ Cloudflare 'ਤੇ

• ਸਥਾਪਿਤ ਕੀਤਾ nodejs/npm

ਭਾਗ 1: ਹਿਊਗੋ ਨੂੰ ਸਥਾਪਿਤ ਕਰਨਾ

ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਹਿਊਗੋ ਸਥਾਪਿਤ ਹੈ, ਜਾਂ ਜੇ ਤੁਸੀਂ ਇੱਕ ਵੱਖਰੇ ਸਥਿਰ ਸਾਈਟ ਜਨਰੇਟਰ ਨੂੰ ਤਰਜੀਹ ਦਿੰਦੇ ਹੋ (ਜਾਂ ਇੱਕ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ), ਤਾਂ ਤੁਸੀਂ ਇਸ ਹਿੱਸੇ ਨੂੰ ਛੱਡ ਸਕਦੇ ਹੋ।

1. ਤੋਂ ਹਿਊਗੋ ਡਾਊਨਲੋਡ ਕਰੋ https://github.com/gohugoio/hugo/releases

2. ਅਸੀਂ ਹਿਊਗੋ ਐਗਜ਼ੀਕਿਊਟੇਬਲ ਫਾਈਲ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੇ ਗਏ ਇੱਕ ਦੇ ਅਨੁਸਾਰ ਰੱਖਦੇ ਹਾਂ ਪੈਥ ਤਰੀਕੇ

3. ਇੱਕ ਨਵੀਂ ਸਾਈਟ ਬਣਾਉਣਾ: hugo new site blog.example.com

4. ਮੌਜੂਦਾ ਡਾਇਰੈਕਟਰੀ ਨੂੰ ਨਵੀਂ ਬਣਾਈ ਗਈ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਬਦਲੋ: cd blog.example.com

5. ਇੱਕ ਡਿਜ਼ਾਈਨ ਥੀਮ ਚੁਣੋ (https://github.com/budparr/gohugo-theme-ananke/releases ਜਾਂ ਜੋ ਵੀ)

6. ਆਓ ਪਹਿਲੀ ਪੋਸਟ ਬਣਾਈਏ: hugo new posts/my-amazing-post.md

7. ਬਣਾਈ ਗਈ ਫਾਈਲ ਵਿੱਚ ਸਮੱਗਰੀ ਸ਼ਾਮਲ ਕਰੋ: content/posts/my-amazing-post.md.
   ਜਦੋਂ ਸਭ ਕੁਝ ਹੋ ਜਾਂਦਾ ਹੈ, ਡਰਾਫਟ ਮੁੱਲ ਨੂੰ ਇਸ ਵਿੱਚ ਬਦਲੋ ਝੂਠੇ

8. ਸਥਿਰ ਫਾਈਲਾਂ ਤਿਆਰ ਕਰਨਾ: hugo -D

ਹੁਣ ਸਾਡੀ ਸਥਿਰ ਸਾਈਟ ਇੱਕ ਡਾਇਰੈਕਟਰੀ ਦੇ ਅੰਦਰ ਸਥਿਤ ਹੈ ./ਜਨਤਕ ਅਤੇ ਤੁਹਾਡੀ ਪਹਿਲੀ ਦਸਤੀ ਤੈਨਾਤੀ ਲਈ ਤਿਆਰ।

ਭਾਗ 2: Cloudflare ਸੈਟ ਅਪ ਕਰਨਾ

ਆਉ ਹੁਣ ਕਲਾਉਡਫਲੇਅਰ ਦੇ ਸ਼ੁਰੂਆਤੀ ਸੈੱਟਅੱਪ ਨੂੰ ਵੇਖੀਏ। ਚਲੋ ਇਹ ਮੰਨ ਲਓ ਕਿ ਸਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਸਾਈਟ ਲਈ ਇੱਕ ਡੋਮੇਨ ਹੈ. ਆਓ ਇੱਕ ਉਦਾਹਰਣ ਵਜੋਂ ਲੈਂਦੇ ਹਾਂ blog.example.com.

ਕਦਮ 1: ਇੱਕ DNS ਐਂਟਰੀ ਬਣਾਓ

ਪਹਿਲਾਂ, ਸਾਡਾ ਡੋਮੇਨ ਚੁਣੋ, ਅਤੇ ਫਿਰ ਮੀਨੂ ਆਈਟਮ DNS ਨੂੰ. ਅਸੀਂ ਇੱਕ ਬਲੌਗ ਏ-ਰਿਕਾਰਡ ਬਣਾਉਂਦੇ ਹਾਂ ਅਤੇ ਇਸਦੇ ਲਈ ਕੁਝ ਫਰਜ਼ੀ IP ਦਰਸਾਉਂਦੇ ਹਾਂ (ਇਹ ਅਧਿਕਾਰਤ ਹੈ ਸਿਫਾਰਸ਼, ਪਰ ਉਹ ਇਸਨੂੰ ਥੋੜਾ ਸੁੰਦਰ ਬਣਾ ਸਕਦੇ ਸਨ)।

ਕਦਮ 2: Cloudflare ਟੋਕਨ

1. ਵਾਪਸ ਮੇਰੇ ਪ੍ਰੋਫ਼ਾਈਲ ' -> API ਟੋਕਨ ਟੈਬ-> ਟੋਕਨ ਬਣਾਓ -> ਕਸਟਮ ਟੋਕਨ ਬਣਾਓ

ਇੱਥੇ ਤੁਹਾਨੂੰ ਟੋਕਨ ਨੂੰ ਖਾਤਿਆਂ ਅਤੇ ਜ਼ੋਨਾਂ ਤੱਕ ਸੀਮਿਤ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ, ਪਰ ਤਸਵੀਰ ਵਿੱਚ ਸੂਚੀਬੱਧ ਅਨੁਮਤੀਆਂ ਲਈ ਸੰਪਾਦਨ ਵਿਕਲਪ ਨੂੰ ਛੱਡ ਦਿਓ।

ਭਵਿੱਖ ਲਈ ਟੋਕਨ ਸੁਰੱਖਿਅਤ ਕਰੋ, ਸਾਨੂੰ ਤੀਜੇ ਹਿੱਸੇ ਵਿੱਚ ਇਸਦੀ ਲੋੜ ਪਵੇਗੀ।

ਕਦਮ 3: ਅਕਾਊਂਟਿਡ ਅਤੇ ਜ਼ੋਨਾਈਡ ਪ੍ਰਾਪਤ ਕਰੋ

ਨੂੰ ਡੋਮੇਨ → ਸੰਖੇਪ ਜਾਣਕਾਰੀ → [ਸੱਜੀ ਸਾਈਡਬਾਰ]

ਇਹ ਮੇਰੇ ਹਨ, ਕਿਰਪਾ ਕਰਕੇ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਨਾ ਕਰੋ :)

ਉਹਨਾਂ ਨੂੰ ਟੋਕਨ ਦੇ ਅੱਗੇ ਸੁਰੱਖਿਅਤ ਕਰੋ, ਸਾਨੂੰ ਉਹਨਾਂ ਦੀ ਤੀਜੇ ਹਿੱਸੇ ਵਿੱਚ ਵੀ ਲੋੜ ਪਵੇਗੀ।

ਕਦਮ 4: ਵਰਕਰਾਂ ਨੂੰ ਸਰਗਰਮ ਕਰੋ

ਨੂੰ ਡੋਮੇਨ → ਵਰਕਰਜ਼ → ਵਰਕਰਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰੋ

ਅਸੀਂ ਇੱਕ ਵਿਲੱਖਣ ਨਾਮ ਅਤੇ ਟੈਰਿਫ ਵਰਕਰਜ਼ → ਅਸੀਮਤ ($5 ਪ੍ਰਤੀ ਮਹੀਨਾ ਅੱਜ) ਚੁਣਦੇ ਹਾਂ। ਜੇ ਤੁਸੀਂ ਚਾਹੋ, ਤਾਂ ਤੁਸੀਂ ਬਾਅਦ ਵਿੱਚ ਮੁਫਤ ਸੰਸਕਰਣ ਵਿੱਚ ਅਪਗ੍ਰੇਡ ਕਰ ਸਕਦੇ ਹੋ।

ਭਾਗ 3: ਪਹਿਲੀ ਤੈਨਾਤੀ (ਮੈਨੂਅਲ ਤੈਨਾਤੀ)

ਮੈਂ ਇਹ ਪਤਾ ਲਗਾਉਣ ਲਈ ਪਹਿਲੀ ਦਸਤੀ ਤੈਨਾਤੀ ਕੀਤੀ ਕਿ ਅਸਲ ਵਿੱਚ ਉੱਥੇ ਕੀ ਹੋ ਰਿਹਾ ਸੀ। ਹਾਲਾਂਕਿ ਇਹ ਸਭ ਸੌਖਾ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

1. ਰੈਂਗਲਰ ਸਥਾਪਿਤ ਕਰੋ: npm i @cloudflare/wrangler -g

2. ਆਓ ਆਪਣੇ ਬਲੌਗ ਦੀ ਡਾਇਰੈਕਟਰੀ 'ਤੇ ਚੱਲੀਏ: cd blog.example.com

3. ਰੈਂਗਲਰ ਲਾਂਚ ਕਰੋ: wrangler init — site hugo-worker

4. ਰੈਂਗਲਰ ਲਈ ਇੱਕ ਸੰਰਚਨਾ ਬਣਾਓ (ਪੁੱਛੇ ਜਾਣ 'ਤੇ ਟੋਕਨ ਦਾਖਲ ਕਰੋ): wrangler config

ਹੁਣ ਨਵੀਂ ਬਣੀ ਫਾਈਲ ਵਿੱਚ ਬਦਲਾਅ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੀਏ wrangler.toml (ਇੱਥੇ ਸੰਭਾਵਿਤ ਸੈਟਿੰਗਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ):

1. ਸੰਕੇਤ ਅਕਾਉਂਟਿਡ ਅਤੇ ਜ਼ੋਨਾਈਡ

2. ਬਦਲੋ ਰੂਟ ਕਿਸੇ ਚੀਜ਼ ਨੂੰ ਜਿਵੇਂ *blog.example.com/*

3. ਸੰਕੇਤ ਝੂਠੇ ਨੂੰ ਵਰਕਰਦੇਵ

4. ਬਾਲਟੀ ਨੂੰ ./public ਵਿੱਚ ਬਦਲੋ (ਜਾਂ ਤੁਹਾਡੀ ਸਥਿਰ ਸਾਈਟ ਕਿੱਥੇ ਸਥਿਤ ਹੈ)

5. ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਮਾਰਗ ਵਿੱਚ ਇੱਕ ਤੋਂ ਵੱਧ ਡੋਮੇਨ ਹਨ, ਤਾਂ ਤੁਹਾਨੂੰ ਕਾਰਜਸ਼ੀਲ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਮਾਰਗ ਨੂੰ ਠੀਕ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ: worker-site/index.js (ਫੰਕਸ਼ਨ ਵੇਖੋ ਹੈਂਡਲ ਈਵੈਂਟ)

ਬਹੁਤ ਵਧੀਆ, ਟੀਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਾਈਟ ਨੂੰ ਤੈਨਾਤ ਕਰਨ ਦਾ ਸਮਾਂ ਆ ਗਿਆ ਹੈ wrangler publish.

ਭਾਗ 4: ਤੈਨਾਤੀ ਆਟੋਮੇਸ਼ਨ

ਇਹ ਗਾਈਡ Gitlab ਲਈ ਲਿਖੀ ਗਈ ਹੈ, ਪਰ ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਸਵੈਚਲਿਤ ਤੈਨਾਤੀ ਦੇ ਤੱਤ ਅਤੇ ਸੌਖ ਨੂੰ ਹਾਸਲ ਕਰਦੀ ਹੈ।

ਕਦਮ 1: ਸਾਡਾ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਕੌਂਫਿਗਰ ਕਰੋ

1. ਇੱਕ ਨਵਾਂ GitLab ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਸਾਈਟ ਨੂੰ ਅੱਪਲੋਡ ਕਰੋ: ਡਾਇਰੈਕਟਰੀ blog.example.com ਸਾਰੀਆਂ ਸਮੱਗਰੀਆਂ ਦੇ ਨਾਲ ਪ੍ਰੋਜੈਕਟ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਸਥਿਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ

2. ਅਸੀਂ ਸੈੱਟ ਕੀਤਾ ਵੇਰੀਏਬਲ CFAPITOKEN ਇੱਥੇ: ਸੈਟਿੰਗ → ਸੀਆਈ / ਸੀਡੀ → ਵੇਰੀਬਲ

ਕਦਮ 2: ਇੱਕ .gitlab-ci.yml ਫਾਈਲ ਬਣਾਓ ਅਤੇ ਪਹਿਲੀ ਤੈਨਾਤੀ ਚਲਾਓ

ਇੱਕ ਫਾਈਲ ਬਣਾਓ .gitlab-ci.yml ਹੇਠ ਦਿੱਤੀ ਸਮੱਗਰੀ ਦੇ ਨਾਲ ਰੂਟ ਵਿੱਚ:

stages:
  - build
  - deploy

build:
  image: monachus/hugo
  stage: build
  variables:
    GIT_SUBMODULE_STRATEGY: recursive
  script:
    - cd blog.example.com/
    - hugo
  artifacts:
    paths:
      - blog.example.com/public
  only:
    - master # this job will affect only the 'master' branch
  tags:
    - gitlab-org-docker #


deploy:
  image: timbru31/ruby-node:2.3
  stage: deploy
  script:
    - wget https://github.com/cloudflare/wrangler/releases/download/v1.8.4/wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
    - tar xvzf wrangler-v1.8.4-x86_64-unknown-linux-musl.tar.gz
    - cd blog.example.com/
    - ../dist/wrangler publish
  artifacts:
    paths:
      - blog.example.com/public
  only:
    - master # this job will affect only the 'master' branch
  tags:
    - gitlab-org-docker #

ਅਸੀਂ ਪਹਿਲੀ ਤੈਨਾਤੀ ਦਸਤੀ ਲਾਂਚ ਕਰਦੇ ਹਾਂ (CI/CD → ਪਾਈਪਲਾਈਨਜ਼ → ਪਾਈਪਲਾਈਨ ਚਲਾਓ) ਜਾਂ ਮਾਸਟਰ ਬ੍ਰਾਂਚ ਨੂੰ ਵਚਨਬੱਧ ਕਰਕੇ। ਵੋਇਲਾ!

ਸਿੱਟਾ

ਖੈਰ, ਮੈਂ ਇਸਨੂੰ ਥੋੜ੍ਹਾ ਜਿਹਾ ਸਮਝਿਆ ਹੋ ਸਕਦਾ ਹੈ, ਅਤੇ ਸਾਰੀ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਸਿਰਫ ਦਸ ਮਿੰਟ ਲੱਗ ਗਏ। ਪਰ ਹੁਣ ਤੁਹਾਡੇ ਕੋਲ ਆਟੋਮੈਟਿਕ ਤੈਨਾਤੀ ਵਾਲੀ ਇੱਕ ਤੇਜ਼ ਸਾਈਟ ਹੈ ਅਤੇ ਇਸ ਬਾਰੇ ਕੁਝ ਨਵੇਂ ਵਿਚਾਰ ਹਨ ਕਿ ਤੁਸੀਂ ਵਰਕਰਾਂ ਨਾਲ ਹੋਰ ਕੀ ਕਰ ਸਕਦੇ ਹੋ।

 ਕਲਾਉਡਫਲੇਅਰ ਵਰਕਰ    Hugo    ਗਿੱਟਲੈਬ ਸੀ.ਆਈ

ਸਰੋਤ: www.habr.com