# Caver.js cdn을 이용한 web지갑 개발

**URL:** <https://devforum.kaia.io/t/caver-js-cdn-web/3622>\
**Category:** Caver\
**Created:** [2월 7, 2022, 2:05오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622 "2022-02-07T02:05:14Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 7, 2022, 2:05오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/1 "2022-02-07T02:05:14Z")

</div>

caver.js를 cdn으로 연동하여 javascript자체에서 이용하고자 하는데 예제나 셈플이 있나요?

---

<div class="post-metadata">

**Author:** ![Jamie](https://yyz1.discourse-cdn.com/flex035/user_avatar/devforum.kaia.io/jamie/32/1472_2.png) [@Jamie](https://devforum.kaia.io/u/Jamie)\
**Post date:** [2월 7, 2022, 4:47오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/2 "2022-02-07T04:47:24Z")

</div>

안녕하세요.  
[https://github.com/klaytn/caver-js#in-the-browser](https://github.com/klaytn/caver-js#in-the-browser) 링크 확인해 주시기 바랍니다.

---

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 7, 2022, 12:01오후 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/3 "2022-02-07T12:01:34Z")

</div>

이 구문을 웹소스에 넣고  
var caver = new Caver(“[https://api.baobab.klaytn.net:8651/](https://api.baobab.klaytn.net:8651/)”);   
var acc = caver.wallet.keyring.generate();  
이렇게 지갑 키링 생성을 시도하였습니다.  
그리고 아래 처럼 에러가 발생했습니다.  
caver.min.js:2 Uncaught ReferenceError: Buffer is not defined  
어떤 문제 인지요?

---

<div class="post-metadata">

**Author:** ![Jamie](https://yyz1.discourse-cdn.com/flex035/user_avatar/devforum.kaia.io/jamie/32/1472_2.png) [@Jamie](https://devforum.kaia.io/u/Jamie)\
**Post date:** [2월 8, 2022, 12:02오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/4 "2022-02-08T00:02:46Z")

</div>

caver-js 최신버전 사용하셨나요?

---

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 8, 2022, 12:30오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/5 "2022-02-08T00:30:25Z")

</div>

링크에 있는 것을 사용했습니다.  
[cdnjs.cloudflare.com/ajax/libs/caver-js/1.6.8-rc.1/caver.min.js](http://cdnjs.cloudflare.com/ajax/libs/caver-js/1.6.8-rc.1/caver.min.js)  
요 버전을 이용 했습니다.~`

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/klaytn/original/2X/7/71313944b377be018a5c7edeea48bd0712d5b3ae.png)

---

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 8, 2022, 1:44오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/6 "2022-02-08T01:44:34Z")

</div>

[cdnjs.cloudflare.com/ajax/libs/caver-js/1.6.5/caver.min.js](http://cdnjs.cloudflare.com/ajax/libs/caver-js/1.6.5/caver.min.js) 로 변경하면 처리가 되었습니다.  
이버전을 사용해도 무방한가요?

---

<div class="post-metadata">

**Author:** ![Jamie](https://yyz1.discourse-cdn.com/flex035/user_avatar/devforum.kaia.io/jamie/32/1472_2.png) [@Jamie](https://devforum.kaia.io/u/Jamie)\
**Post date:** [2월 8, 2022, 4:10오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/7 "2022-02-08T04:10:47Z")

</div>

먼저 caver 1.6.5 버전을 사용하셔도 문제는 없습니다만 수정되지 않은 버그 혹은 지원되지 않는 신기능이 있을 수 있습니다.  
그리고 위에 설명해 주신 문제는 webpack 5 이슈로 확인됩니다.  
아래 링크 참고하시기 바랍니다.

> [@Caver js의 decryptKey를 호출할 경우 다음과 같은 오류가 발생합니다](https://devforum.kaia.io/t/caver-js-decryptkey/3544/4):
>
> 코드상의 문제는 없어보이지만, 해당 에러가 브라우저내 버퍼가 정의되지 않았다는 부분 같습니다. npm install --save buffer 위와 같이 브라우저 버퍼 페키지를 설치하고 (window as any).global = window; global.Buffer = global.Buffer || require('buffer').Buffer; (window as any).process = { version: '' }; 이런식으로 광역변수에 Buffer를 정의해주시면 해결되지 않을까 생각됩니다. 일단 caver쪽 문제는 아닌것 같습니다. 제가 참고한 문서는 다음과 같습니다. [Angular 6 Uncaught ReferenceError: Buffer is not defined - Stack Overflow](https://stackoverflow.com/questions/50371593/angular-6-uncaught-referenceerror-buffer-is-not-defined)

> **[GitHub - klaytn/caver-js: Official caver-js repository](https://github.com/klaytn/caver-js#using-webpack--5)**
>
> Official caver-js repository. Contribute to klaytn/caver-js development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 8, 2022, 6:56오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/8 "2022-02-08T06:56:55Z")

</div>

답변 감사드립니다.~  
그런데 이제… 메인넷에 접근 할려고 하는데 에러가 발생하네요.  
-api.cypress.ozys.net:8651 로 접근 할때 Authorization 설정하는 부분을 참고할 부분을 찾고 있습니다…  
어디를 참고하면 좋을 가요. ㅜ

---

<div class="post-metadata">

**Author:** ![Denver](https://yyz1.discourse-cdn.com/flex035/user_avatar/devforum.kaia.io/denver/32/557_2.png) [@Denver](https://devforum.kaia.io/u/Denver)\
**Post date:** [2월 8, 2022, 12:17오후 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/9 "2022-02-08T12:17:48Z")

</div>

@go_v9

해당 URL은 어디서 찾은 정보일까요~?

[Public Node API - KAS Docs](https://docs.klaytnapi.com/tutorial/public-node-api/public-en) 를 참고해주시고 공식적으로 지원된다고 되어 있는 URL 들을 활용해주세요 🙂

---

<div class="post-metadata">

**Author:** ![go\_v9](https://avatars.discourse-cdn.com/v4/letter/g/3ab097/32.png) [@go\_v9](https://devforum.kaia.io/u/go_v9)\
**Post date:** [2월 9, 2022, 4:45오전 UTC](https://devforum.kaia.io/t/caver-js-cdn-web/3622/10 "2022-02-09T04:45:03Z")

</div>

답변 감사합니다.  
참고 하여 해당 문제는 해결 하였습니다.