일부 스트라이프 요소를 사용하여 신용 카드 정보를 입력하려고합니다. 현재 Valet과 호스팅 된 Laravel을 사용 중입니다. 스트라이프가 HTTPS를 설정해야한다는 것을 알고 있습니다. Valet secure 명령을 실행했으며 웹 사이트가 HTTPS를 통해 제공되고 있음을 볼 수 있습니다.스트라이프 요소 신용 카드 입력을 허용하지 않음
스트립이 제공 한 신용 카드 정보를 어떤 이유로 든 입력 할 수 없습니다. Stripe 웹 사이트에서 제공 한 것과 동일한 코드를 사용하면 JSfiddle에서 제대로 작동하지만 내 발렛 서버에 입력 할 수 없습니다.
내 TLS 인증서가 Digitrust 또는 유사한 회사에 의해 확인되지 않았기 때문에 스트라이프가이를 허용하지 않을 수 있습니까? 그렇다면 valet을 사용하는 동안이 문제를 해결하려면 어떻게해야합니까? 내 localhost입니다.
도움이나 안내가 좋을 것입니다. 여기서 내가 잘못 가고있는 것을 볼 수 없습니다.
내가 시도한 예는
https://stripe.com/docs/elements/examples
에서 단순히 나 신용 카드 필드
https://jsfiddle.net/w4s8z4kd/
<script src="https://js.stripe.com/v3/"></script>
<form>
<div class="group">
<label>
<span>Name</span>
<input name="cardholder-name" class="field" placeholder="Jane Doe" />
</label>
<label>
<span>Phone</span>
<input class="field" placeholder="(123) 456-7890" type="tel" />
</label>
</div>
<div class="group">
<label>
<span>Card</span>
<div id="card-element" class="field"></div>
</label>
</div>
<button type="submit">Pay $25</button>
<div class="outcome">
<div class="error"></div>
<div class="success">
Success! Your Stripe token is <span class="token"></span>
</div>
</div>
</form>
에 입력을 입력 할 수 없습니다 작업 예 JSFiddle 있습니다
이 단계에서 나는 나의 JS와 CSS가 정확하다는 것을 알았고 예제 페이지와 confi에서 복사했다. rmed JS는 간단한 경고 테스트 작업.
감사합니다.