Shopify 테마의 개발 환경 만들기

34894 단어 Git Ruby Ubuntu Shopify tech

Shopify 테마의 개발 환경을 만들고 싶어서 실행된 일을 기록합니다.
아래의 보도를 참고하였다.
ubuntu18입니다.04LTE 환경에서 제작되었습니다.
이제 Shopify CLI 를 사용하여 주제 및 애플리케이션을 개발하는 프로세스가 권장됩니다.

GTI 설치

여기 기사를 참고했어요.

Ruby 설치

Ruby 버전은 3.1.2를 설치하십시오.
나중에 문제가 발생하지 않도록 최신 버전을 설치하십시오.

Shopify CLI 는 최소 2.7 이상의 Ruby 입니다.

Shopify CLI 의 최소 조건은 ruby2 입니다.7 이상.
공식적인 절차를 확인해 주세요.

만약 첫 번째 루비의 버전이 2.5.1 정도였다면, 나는 이번의 나처럼 슈도 때문에 고민했을 것이라고 생각한다.
조심하세요.
루비의 버전이 비교적 오래되면 Shopify CLI가 이전 버전에 설치될 것 같습니다.

이 문장처럼 shoopify-cli-2.15.6.deb를 다운로드하고 싶은데, 앱으로 설치하면sudo를 사용하면 오류가 발생합니다.
그리고 슈도 사용자는 일반 사용자 루비와 버전이 달라 고민이다.
우선 루비를 설치할 때 ubuntu의 창고 설치를 중지하는 것이 좋습니다.
ubuntu의 루비 버전이 낡았기 때문이다.
여기 기사를 참고했어요.

sudo rbenv install 3.1.2

!
설치 완료까지 몇 분 걸리니 차분히 기다려.
진행 상태가 표시되지 않습니다.
관리 도구를 설치할 때는 sudo를 설치합니다.

 sudo  gem install bundler

ShopifyCLI 설치

Failed to build gem native extension

이것Failed to build gem native extension 오류가 있어서 조사했습니다.
여기 기사를 참고했어요.

추가 오류


While executing gem ... (Gem::RemoteFetcher::FetchError)
    bad response Forbidden 403 (https://api.rubygems.org/quick/Marshal.4.8/nokogiri-1.13.4-x64-unknown.gemspec.rz)

Ruby 버전은 변경되지 않음

조사에서 참고로 보도된 것이다.

shopify-cli 설치

gem install shopify-cli

shopify version
1.14.0

shoopify-cli를 통해 로그인

우선 빈 주제를 만든다.
이것도 기존 테마를 만들 때 한 번 비워 주세요.
빈 테마를 만들고 기존 사용자 정의 테마 디렉터리로 이동했습니다.
빈 테마 디렉터리에서 다음 명령을 순서대로 실행하십시오.

shopify theme init

이 다음에 기존 테마를 사용자 정의하려면 테마 폴더의 디렉터리로 이동합니다.

cd /home/***/***

이후에 로컬 테마를 표시하는 테스트를 실행합니다.

shopify theme serve

Rubby의 version이 낮을 때 오류가 발생합니다.
따라서 처음부터 루비의 버전을 3.1.2로 바꾸는 것이 좋다.

 shopify theme serve
rbenv: shopify: command not found

The `shopify' command exists in these Ruby versions:
  3.1.2

루비의 버전이 변경되지 않은 경우 작업 디렉토리에서 다음 명령을 실행합니다.

ruby -v
ruby 2.6.10p210 (2022-04-12 revision 67958) [x86_64-linux]
~/***/shopify_theme$ rbenv versions
  system
  2.6.0
* 2.6.10 (set by /home/***/***/shopify_theme/.ruby-version)
  3.1.2

:~/***/shopify_theme$ sudo rbenv global 3.1.2
[sudo] *** のパスワード: 

:~/***/shopify_theme$ rbenv versions
  system
  2.6.0
* 2.6.10 (set by /home/***/***/shopify_theme/.ruby-version)
  3.1.2
~/***/shopify_theme$ ruby -v
ruby 2.6.10p210 (2022-04-12 revision 67958) [x86_64-linux]
~/***/shopify_theme$ sudo rbenv local 3.1.2
~/***/shopify_theme$ ruby -v
ruby 3.1.2p20 (2022-04-12 revision 4491bb740a) [x86_64-linux]

명령을 실행하면 Shopify 로그인 메시지가 표시됩니다.

shopify login --store ***.myshopify.com

*에 로그인하고 싶은 가게의 이름을 입력하십시오.

이쪽 공식 보도의 순서와 해설을 확인해 주세요.

본 신청서는 Docker를 사용하여 개발 환경을 만들고자 합니다.

GNOME를 이용하여 Ubuntu의 원격 데스크톱 환경을 만들고 shoopify 개발 환경을 만든다.
그러나 원격 데스크톱 환경에서도 제대로 작동하지 않을 가능성이 제기돼 직접 Ubuntu18로 넘어갔다.04LTE 환경 설치, 개발 환경 제작.
제목의 미리보기까지 가능한 내용으로 바뀌었기 때문에 이 기사를 공개하고 싶었다.
현재 청부 업무는 낙후되어 있다. 나는 Docker로 개발 환경을 만들고 싶다.

Ruby 버전이 일치하지 않습니다. shopify-cli가 업데이트되지 않을 경우

루트 사용자를 사용하여 Ruby를 설치하십시오.
나는 이 때문에 업데이트를 하지 못해 고민이다.
다음 절차에 따라 루트 사용자에 Ruby를 설치합니다.
이 방법도 sudo와 사용자 Ruby 버전의 차이를 수정하지 못했다.
지령의 절차도 내 비망록의 뜻을 포함하여 게재하다.

#rootユーザーに、パスワード設定
 sudo passwd root

Rudy 3.1.2를 설치하고 싶습니다.
하지만 없다고 해서 설치할 수 있는 버전을 조사했다.

root@***:~# rbenv install 3.1.2
ruby-build: definition not found: 3.1.2

See all available versions with `rbenv install --list'.

If the version you need is missing, try upgrading ruby-build.
root@***:~# rbenv install --list
Available versions:
  1.8.5-p52
  1.8.5-p113
  1.8.5-p114
  1.8.5-p115
  1.8.5-p231
  1.8.6
  1.8.6-p36
  1.8.6-p110
  1.8.6-p111
  1.8.6-p114
  1.8.6-p230
  1.8.6-p286
  1.8.6-p287
  1.8.6-p368
  1.8.6-p369
  1.8.6-p383
  1.8.6-p388
  1.8.6-p398
  1.8.6-p399
  1.8.6-p420
  1.8.7-preview1
  1.8.7-preview2
  1.8.7-preview3
  1.8.7-preview4
  1.8.7
  1.8.7-p17
  1.8.7-p22
  1.8.7-p71
  1.8.7-p72
  1.8.7-p160
  1.8.7-p173
  1.8.7-p174
  1.8.7-p248
  1.8.7-p249
  1.8.7-p299
  1.8.7-p301
  1.8.7-p302
  1.8.7-p330
  1.8.7-p334
  1.8.7-p352
  1.8.7-p357
  1.8.7-p358
  1.8.7-p370
  1.8.7-p371
  1.8.7-p373
  1.8.7-p374
  1.8.7-p375
  1.9.0-0
  1.9.0-1
  1.9.0-2
  1.9.0-3
  1.9.0-4
  1.9.0-5
  1.9.1-preview1
  1.9.1-preview2
  1.9.1-rc1
  1.9.1-rc2
  1.9.1-p0
  1.9.1-p129
  1.9.1-p243
  1.9.1-p376
  1.9.1-p378
  1.9.1-p429
  1.9.1-p430
  1.9.1-p431
  1.9.2-preview1
  1.9.2-preview3
  1.9.2-rc1
  1.9.2-rc2
  1.9.2-p0
  1.9.2-p136
  1.9.2-p180
  1.9.2-p290
  1.9.2-p318
  1.9.2-p320
  1.9.2-p326
  1.9.2-p330
  1.9.3-dev
  1.9.3-preview1
  1.9.3-rc1
  1.9.3-p0
  1.9.3-p105
  1.9.3-p125
  1.9.3-p194
  1.9.3-p286
  1.9.3-p327
  1.9.3-p362
  1.9.3-p374
  1.9.3-p385
  1.9.3-p392
  1.9.3-p426
  1.9.3-p429
  1.9.3-p448
  1.9.3-p484
  1.9.3-p545
  1.9.3-p547
  1.9.3-p550
  1.9.3-p551
  2.0.0-dev
  2.0.0-preview1
  2.0.0-preview2
  2.0.0-rc1
  2.0.0-rc2
  2.0.0-p0
  2.0.0-p195
  2.0.0-p247
  2.0.0-p353
  2.0.0-p451
  2.0.0-p481
  2.0.0-p576
  2.0.0-p594
  2.0.0-p598
  2.0.0-p643
  2.0.0-p645
  2.0.0-p647
  2.0.0-p648
  2.1.0-dev
  2.1.0-preview1
  2.1.0-preview2
  2.1.0-rc1
  2.1.0
  2.1.1
  2.1.2
  2.1.3
  2.1.4
  2.1.5
  2.1.6
  2.1.7
  2.1.8
  2.1.9
  2.1.10
  2.2.0-dev
  2.2.0-preview1
  2.2.0-preview2
  2.2.0-rc1
  2.2.0
  2.2.1
  2.2.2
  2.2.3
  2.2.4
  2.2.5
  2.2.6
  2.2.7
  2.3.0-dev
  2.3.0-preview1
  2.3.0-preview2
  2.3.0
  2.3.1
  2.3.2
  2.3.3
  2.3.4
  2.4.0-dev
  2.4.0-preview1
  2.4.0-preview2
  2.4.0-preview3
  2.4.0-rc1
  2.4.0
  2.4.1
  2.5.0-dev
  jruby-1.5.6
  jruby-1.6.3
  jruby-1.6.4
  jruby-1.6.5

ruby-build를 설치합니다.

mkdir -p "$(rbenv root)"/plugins

git clone https://github.com/rbenv/ruby-build.git "$(rbenv root)"/plugins/ruby-build

아래 글을 참고하여 업데이트합니다.

 cd ~/.rbenv/plugins/ruby-build 
 git pull origin master

업데이트되었는지 확인합니다.

root@***:~/.rbenv/plugins/ruby-build# rbenv install -l
Available versions:
  1.8.5-p52
  1.8.5-p113
  1.8.5-p114
  1.8.5-p115
  1.8.5-p231
  1.8.6
  1.8.6-p36
  1.8.6-p110
  1.8.6-p111
  1.8.6-p114
  1.8.6-p230
  1.8.6-p286
  1.8.6-p287
  1.8.6-p368
  1.8.6-p369
  1.8.6-p383
  1.8.6-p388
  1.8.6-p398
  1.8.6-p399
  1.8.6-p420
  1.8.7-preview1
  1.8.7-preview2
  1.8.7-preview3
  1.8.7-preview4
  1.8.7
  1.8.7-p17
  1.8.7-p22
  1.8.7-p71
  1.8.7-p72
  1.8.7-p160
  1.8.7-p173
  1.8.7-p174
  1.8.7-p248
  1.8.7-p249
  1.8.7-p299
  1.8.7-p301
  1.8.7-p302
  1.8.7-p330
  1.8.7-p334
  1.8.7-p352
  1.8.7-p357
  1.8.7-p358
  1.8.7-p370
  1.8.7-p371
  1.8.7-p373
  1.8.7-p374
  1.8.7-p375
  1.9.0-0
  1.9.0-1
  1.9.0-2
  1.9.0-3
  1.9.0-4
  1.9.0-5
  1.9.1-preview1
  1.9.1-preview2
  1.9.1-rc1
  1.9.1-rc2
  1.9.1-p0
  1.9.1-p129
  1.9.1-p243
  1.9.1-p376
  1.9.1-p378
  1.9.1-p429
  1.9.1-p430
  1.9.1-p431
  1.9.2-preview1
  1.9.2-preview3
  1.9.2-rc1
  1.9.2-rc2
  1.9.2-p0
  1.9.2-p136
  1.9.2-p180
  1.9.2-p290
  1.9.2-p318
  1.9.2-p320
  1.9.2-p326
  1.9.2-p330
  1.9.3-dev
  1.9.3-preview1
  1.9.3-rc1
  1.9.3-p0
  1.9.3-p105
  1.9.3-p125
  1.9.3-p194
  1.9.3-p286
  1.9.3-p327
  1.9.3-p362
  1.9.3-p374
  1.9.3-p385
  1.9.3-p392
  1.9.3-p426
  1.9.3-p429
  1.9.3-p448
  1.9.3-p484
  1.9.3-p545
  1.9.3-p547
  1.9.3-p550
  1.9.3-p551
  2.0.0-dev
  2.0.0-preview1
  2.0.0-preview2
  2.0.0-rc1
  2.0.0-rc2
  2.0.0-p0
  2.0.0-p195
  2.0.0-p247
  2.0.0-p353
  2.0.0-p451
  2.0.0-p481
  2.0.0-p576
  2.0.0-p594
  2.0.0-p598
  2.0.0-p643
  2.0.0-p645
  2.0.0-p647
  2.0.0-p648
  2.1.0-dev
  2.1.0-preview1
  2.1.0-preview2
  2.1.0-rc1
  2.1.0
  2.1.1
  2.1.2
  2.1.3
  2.1.4
  2.1.5
  2.1.6
  2.1.7
  2.1.8
  2.1.9
  2.1.10
  2.2.0-dev
  2.2.0-preview1
  2.2.0-preview2
  2.2.0-rc1
  2.2.0
  2.2.1
  2.2.2
  2.2.3
  2.2.4
  2.2.5
  2.2.6
  2.2.7
  2.2.8
  2.2.9
  2.2.10
  2.3.0-dev
  2.3.0-preview1
  2.3.0-preview2
  2.3.0
  2.3.1
  2.3.2
  2.3.3
  2.3.4
  2.3.5
  2.3.6
  2.3.7
  2.3.8
  2.4.0-dev
  2.4.0-preview1
  2.4.0-preview2
  2.4.0-preview3
  2.4.0-rc1
  2.4.0
  2.4.1
  2.4.2
  2.4.3
  2.4.4
  2.4.5
  2.4.6
  2.4.7
  2.4.8
  2.4.9
  2.4.10
  2.5.0-dev
  2.5.0-preview1
  2.5.0-rc1
  2.5.0
  2.5.1
  2.5.2
  2.5.3
  2.5.4
  2.5.5
  2.5.6
  2.5.7
  2.5.8
  2.5.9
  2.6.0-dev
  2.6.0-preview1
  2.6.0-preview2
  2.6.0-preview3
  2.6.0-rc1
  2.6.0-rc2
  2.6.0
  2.6.1
  2.6.2
  2.6.3
  2.6.4
  2.6.5
  2.6.6
  2.6.7
  2.6.8
  2.6.9
  2.6.10
  2.7.0-dev
  2.7.0-preview1
  2.7.0-preview2
  2.7.0-preview3
  2.7.0-rc1
  2.7.0-rc2
  2.7.0
  2.7.1
  2.7.2
  2.7.3
  2.7.4
  2.7.5
  2.7.6
  3.0.0-dev
  3.0.0-preview1
  3.0.0-preview2
  3.0.0-rc1
  3.0.0
  3.0.1
  3.0.2
  3.0.3
  3.0.4
  3.1.0-dev
  3.1.0-preview1
  3.1.0
  3.1.1
  3.1.2
  3.2.0-dev
  3.2.0-preview1
  artichoke-dev
  jruby-dev
  jruby-1.5.6
  jruby-1.6.3
  jruby-1.6.4
  jruby-1.6.5
  jruby-1.6.5.1
  jruby-1.6.6
#以下省略

ruby3.1.2 설치.

root@***:~/.rbenv/plugins/ruby-build# rbenv install 3.1.2

본문에 따라 경로를 설정한다.

root@***:~#  echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc
root@***:~# ~/.rbenv/bin/rbenv init
-su: /root/.rbenv/bin/rbenv: そのようなファイルやディレクトリはありません
root@***:~#  echo 'eval "$(rbenv init -)"' >> ~/.bashrc
root@***:~#  source ~/.bashrc
root@***:~# ruby --version
ruby 3.1.2p20 (2022-04-12 revision 4491bb740a) [x86_64-linux]

루비의 특정 버전 삭제 방법

이 글은 매우 유용하다.

rbenv uninstall 2.2.2

sudo 사용자와 로그인 사용자 Ruby 버전이 다름

이번 sudo 사용자와 로그인한 사용자 루비의 버전이 다르기 때문에 업데이트가 불가능Shopify CLI한 상황이 계속되고 있습니다.
이하 Q&A도 투고했다.

이 재설치 때문에 먼저 루비의 언로드 참고 기사를 소개했습니다.
이쪽 보도대로 진행했지만 개선되지 않았다.

업데이트 방법

이 보도는 참고로 삼을 수 있다.

폴더가 비어 있지 않으면 오류가 발생합니다.

fatal: destination path **** already exists and is not an empty directory.

이런 오류가 발생했을 때 참고할 수 있습니다.

이것은 오류가 발생했을 때의 참고이다

루비를 설치할 때

루비의 설치에서 웹 페이지의 글에서 명령을 복사할 때 현재 디렉터리를 주의하십시오.
plug-in 디렉터리에 있어야 한다고 생각합니다. 꼭cd원래의 디렉터리로 돌아가세요.

매크로 패키지를 자동으로 삭제해야 하는 경우가 있습니다.

제 비망록으로 appt-get에 설치된 패키지는 필요하지 않기 때문에 정보가 나올 때 대응하기 위해 기록합니다.

 sudo apt-get autoremove

아래 문장을 참고하였다.

이번에 sudo는 일반 사용자 루비 버전과 다르게 수정할 수 없는 게 있어요.

이번sudo는 일반 사용자 루비와 버전이 다르다. 수정할 수 없는 이유는 내가 ubuntu의 창고에 첫 번째로 Ruby를 설치했기 때문이다.

~$ sudo ruby -v
ruby 2.5.1p57 (2018-03-29 revision 63029) [x86_64-linux-gnu]
~$ ruby -v
ruby 3.1.2p20 (2022-04-12 revision 4491bb740a) [x86_64-linux]

x8664-linux-gnu의gun, 신경쓰여요.

rbenv를 통해서만 설치된 버전

나는 rbenv가 rbenv를 통해 설치된 버전만 표시할 수 있다는 것을 안다.
따라서 이번에 rbenv에 설치되지 않았기 때문에 sudo 사용자의 루비 버전을 전환할 수 없습니다.
이 글의 첫머리에 쓰인 shopify-cli를 설치할 때 rbenv를 사용하여 최신 루비를 설치하세요.
ubuntu의 창고 루비는 이 글을 쓸 때 구 버전의 루비인 것 같으니 주의하세요.

루비의 설치 확인, 이 URL이 좋습니다.

curl -fsSL https://raw.githubusercontent.com/rbenv/rbenv-installer/main/bin/rbenv-doctor | bash

온라인에는 이와 다른 URL이 적혀 있습니다.
그런데 정보가 유출됐다고 들었어요.
유용한 보도입니다.

Reference

이 문제에 관하여(Shopify 테마의 개발 환경 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/masaru21/articles/71c3272d9d29bb

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

JSTL의foreach 태그 사용법

【PHP】조합 단어 생성 랜덤 비밀번호

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다