# Google Api 설정

Smart Mirror는 개인 Google API 설정을 하셔야 됩니다. 

* [ ] 하기의 주소를 참고하여 생성하였습니다.

{% tabs %}
{% tab title="Google Assistant Setup URL" %}
<http://wiki.bugsounet.fr/en/MMM-GoogleAssistant/GoogleAssistantSetup>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
저희는 화면 캡쳐의 편를 위해서 윈도우 환경에서 Google 계정으로 설정 후 하기에서

다운받은 Json 파일을 USB를 이용하여 Odroid로 옮겼습니다.&#x20;

Odroid 환경에서 하기의 진행을 하셔도 됩니다. &#x20;
{% endhint %}

* [ ] Google Assistant 프로젝트 생성

- Actions Console에서 프로젝트 생성 &#x20;

{% tabs %}
{% tab title="Action Console URL" %}
<https://console.actions.google.com/>
{% endtab %}
{% endtabs %}

* Actions Console 에 접속 후 Google ID 로그인 하시면 됩니다.&#x20;
* 이후 기존 Project 유무에 상관 없이 New project를 클릭하시면 됩니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FiiJVxaCVarwheEeaIBan%2F1.png?alt=media&#x26;token=c2f9d753-a01d-4d66-b985-c99b532fe893" alt=""><figcaption></figcaption></figure>

* Project Name(1)  임의대로 지정하시면 됩니다.
* language(2) Korean을 선택하시면 됩니다. 필요에 따라 언어를 바꾸셔도 됩니다.
* country(3) South Korea를 선택하시면 됩니다.&#x20;
* 1,2,3를 다 작성하셨으면 Create project를 클릭하시면 됩니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FM3PwiUQVcZSK7UhO79c9%2F2.png?alt=media&#x26;token=d6ef32f9-fa46-428b-94fa-4308f3d1df17" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
추 후 진행은 아래의 Cloud Platfrom URL 에서 진행됩니다.
{% endhint %}

* Cloud Platform Console 에서 Google Assistant API 설정 . &#x20;

{% tabs %}
{% tab title="Cloud Platfrom URL" %}
<https://console.cloud.google.com/>
{% endtab %}
{% endtabs %}

* 프로젝트 선택을 클릭해줍니다 .

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FVcK05SGTHE4iYOjcnYZo%2F3.png?alt=media&#x26;token=6bc94a0b-72d4-4263-bc61-ff9b873df122" alt=""><figcaption></figcaption></figure>

* 프로젝트 및 폴더 검색에 위에서 임의대로 지정해준 Project Name(1) 검색해줍니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2Fl7YVKnb49ysu2zLJ86TC%2F4.png?alt=media&#x26;token=d0143355-68c0-4934-90a6-f0f1b0ee6397" alt=""><figcaption></figcaption></figure>

* &#x20;프로젝트를 선택 후 열기를 해줍니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FbG9KTCccObAHAAAwdpYE%2F5.png?alt=media&#x26;token=beeaed18-0d0a-4ce8-b85c-9f06fd9ca83a" alt=""><figcaption></figcaption></figure>

* 하기 사진처럼 Google Cloud 옆에 Project Name이 있어야 합니다.&#x20;

{% hint style="success" %}
초록색으로 블록 곳은 개인정보를 위해 가려두었습니다. 양해 부탁드립니다.&#x20;
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FydfDdWCM8ivbWkNHw47K%2F6.png?alt=media&#x26;token=96fccbde-60ae-4826-9007-4ff10c910fc4" alt=""><figcaption></figcaption></figure>

* 메뉴(1) - API 및 서비스(2) -  라이브러리(3)을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FkeySw2sY6dDCtRIQ8NHN%2F7.png?alt=media&#x26;token=71a36a84-17e3-49e9-8c69-899c652b8f74" alt=""><figcaption></figcaption></figure>

* API 라이브러리 검색 창에 google assistant api(1) 검색 후 결과 나오는 API(2) 클릭합니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2F0JMNF8Gv1BMSilhA3TnN%2F8.png?alt=media&#x26;token=2a63bcf5-589c-49b6-b066-9859ed7e8964" alt=""><figcaption></figcaption></figure>

* google assistant api 활성화 합니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FBhjE4RxolM9gwgJLIVN9%2F9.png?alt=media&#x26;token=295e2fa1-5c10-46dd-a0e5-b94deaa96a99" alt=""><figcaption></figcaption></figure>

* Photos Library API 와 YouTube Data APIv3 똑같은 방식으로 활성화 해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FwfZcP53Wl0nQ8djij16W%2F10.png?alt=media&#x26;token=0abe7cd3-9ef7-455f-b977-25df2b535630" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FC6xcBdWQajnzFqwCZAV4%2F11.png?alt=media&#x26;token=7940889d-3102-4413-9eb5-0c0b9035e2fa" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
왼쪽 탭에서 API 및 서비스  &#x20;
{% endhint %}

![](https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FTVzLt6sO8lQp7JoKvdRK%2Fgoogle6.PNG?alt=media\&token=9635622b-cf68-41ca-92d0-e40f1f456d94)

{% hint style="info" %}
google assistant api 검색해서  사용 클릭합시다&#x20;
{% endhint %}

![](https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FnTBUIBHZsEufinxWRpTS%2Fgoogle7.PNG?alt=media\&token=21747c22-d82b-45a7-ba78-b430600d9261)

* 메뉴(1) - API 및 서비스(2) -  OAuth 동의 화(3)을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FM1BfAauzMh8XG6p09TDm%2F12.png?alt=media&#x26;token=9203825a-c3aa-44da-891a-7e53ed530b26" alt=""><figcaption></figcaption></figure>

* 외부(1) 클릭 후 만들기(2)을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2F09dFwmjhuI5mbI28zple%2F13.png?alt=media&#x26;token=933b67ca-420a-4c53-b32f-851933e99442" alt=""><figcaption></figcaption></figure>

* 앱 이름(1) 기존 작성되어 있는 대로 진행해도 됩니다.
* 사용자 지원 이메일(2)은 본인 구글 이메일 작성하시면 됩니다.

{% hint style="success" %}
초록색으로 블록 곳은 개인정보를 위해 가려두었습니다. 양해 부탁드립니다.&#x20;
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FVBYrupNWeilYqDFVUwVt%2F14.png?alt=media&#x26;token=f42167e7-d189-4ed0-b04e-23e300d1bf42" alt=""><figcaption></figcaption></figure>

* 개발자 연락처 정보도 본인 구글 계정 작성하시면 됩니다.

{% hint style="success" %}
초록색으로 블록 곳은 개인정보를 위해 가려두었습니다. 양해 부탁드립니다.&#x20;
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2F8JwIC7DldbIH5ng0Eg7J%2F15.png?alt=media&#x26;token=f9898edb-ccb3-415a-a940-25907a926111" alt=""><figcaption></figcaption></figure>

* 저장 후 계속 클릭하시면 됩니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FSzmmnHCancx0IecbCETQ%2F16.png?alt=media&#x26;token=90426000-3ce0-47d5-8792-e11dde061a76" alt=""><figcaption></figcaption></figure>

* 테스트 사용자에서 ADD USERS 버튼을 클릭해 줍니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FUt2CR4N8XH8wTPrvdase%2F17.png?alt=media&#x26;token=ee6a6d74-222f-472a-843b-55451db39b30" alt=""><figcaption></figcaption></figure>

* 사용자 추가에서 보인 구글 계정을 입력(1) 후 추가 버튼(2)을 클릭해줍니다.

{% hint style="success" %}
초록색으로 블록 곳은 개인정보를 위해 가려두었습니다. 양해 부탁드립니다.&#x20;
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FEdqQvXGfq1fyCCDIay4B%2F18.png?alt=media&#x26;token=d257e22d-5d09-4c3e-bead-aef5d02de8d2" alt=""><figcaption></figcaption></figure>

* 사용자 정보(1) 확인 후 저장 후 계속(2) 버튼을 클릭해줍니다.

{% hint style="success" %}
초록색으로 블록 곳은 개인정보를 위해 가려두었습니다. 양해 부탁드립니다.&#x20;
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FYQB4C2x1LrhUNfcJZMNE%2F19.png?alt=media&#x26;token=706f838b-97ce-425e-b1fe-af22b8f96445" alt=""><figcaption></figcaption></figure>

메뉴(1) - API 및 서비스(2) -  사용자 인증 정(3)을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FC85xxHxeXiG1w8DdoM3N%2F20.png?alt=media&#x26;token=b7981919-565d-4035-a481-a564d51d1608" alt=""><figcaption></figcaption></figure>

* 사용자 인증 정보 만들기(1) 클릭 후 OAuth 클라이언트 ID(2) 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2F0Wj1brZdBqkRp8bn4Oxq%2F22.png?alt=media&#x26;token=6f41b947-0baa-4a83-bf35-df76efe61ae3" alt=""><figcaption></figcaption></figure>

* 애플리케이션 유형에서 웹 애플리케이션을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2F1PAZYjE8PlNAFdTX4U84%2F21.png?alt=media&#x26;token=05b2faf1-5a30-4ac1-b81e-610cd1dfab60" alt=""><figcaption></figcaption></figure>

* 이름(1) 임의로 지정해주셔도 됩니다.
* 승인된 리디렉션 URI(2) 은 하기와 똑같이 작성해주셔야됩니다.

```
 https://googleassistant.bugsounet.fr 
```

* 만들기(3) 클릭 해주시면 됩니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FLLFskpArvzPrgFdS6HzN%2F23.png?alt=media&#x26;token=f9f457ae-d14d-4012-9ae4-76901f83d3f5" alt=""><figcaption></figcaption></figure>

* 팝업창에서  JSON 다운로드  클릭한다.  (추후 사용 파일)     &#x20;

{% hint style="info" %}
저장 시 파일명 : credentials 확장자:json 하시면 추후에 편합니다.
{% endhint %}

{% hint style="info" %}
Odroid 진행 시 \~/MagicMirror/modules/MMM-GoogleAssistant 저장하시면 편합니다.
{% endhint %}

{% hint style="info" %}
Windows 진행 시 USB,이메일을 통해 Odroid 옮겨주셔야 됩니다.
{% endhint %}

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2Fd3PLO2IuGkc1rU8OE0pO%2F24.png?alt=media&#x26;token=89b4531d-491f-4a70-9004-8f7142d24b5c" alt=""><figcaption></figcaption></figure>

* 메뉴(1) - API 및 서비스(2) -  OAuth 동의 화(3)을 클릭해줍니다.&#x20;

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FM1BfAauzMh8XG6p09TDm%2F12.png?alt=media&#x26;token=9203825a-c3aa-44da-891a-7e53ed530b26" alt=""><figcaption></figcaption></figure>

* 앱 게시 버튼 클릭 합니다.

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2Fn9WODStNdEvh0aoyOFkE%2F25.png?alt=media&#x26;token=fffb3dc8-f7ff-467b-a94a-9c6993a877f8" alt=""><figcaption></figcaption></figure>

* 위에서 다운받은 credentials.json 파일 저장.  &#x20;

{% hint style="info" %}
\~/MagicMirror/modules/MMM-GoogleAssistant   저장한다.  &#x20;
{% endhint %}

* &#x20;토큰화.&#x20;

```
cd ~/MagicMirror/modules/MMM-GoogleAssistant
npm run token
Y
```

<figure><img src="https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FNS0xhwgGkhfhZnzNX5Bd%2F26.png?alt=media&#x26;token=561f9056-2ff8-4302-9375-59d657f865ab" alt=""><figcaption></figcaption></figure>

![](https://4028327855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmUr1DVKbvRzE5ni5peaQ%2Fuploads%2FTtscX82CdqdNdmsycMKz%2Fg1.png?alt=media\&token=972e456a-a1fe-4747-8102-76f8ca3331c1)

{% hint style="info" %}
Y 입력 후 생성되는 인터넷 창의 사용자의 ID,PWD 입력 후 Your code:  부분 복사  후 터미널 창에 붙여넣기 하면 토큰화 완료.                  &#x20;
{% endhint %}