You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[Google Recaptcha](https://developers.google.com/recaptcha) integration for [vue-storefront](https://github.com/aureatelabs/vsf-google-recaptcha), by [Aureate Labs Pvt. Ltd.](https://aureatelabs.com/).
3
-
<br />Google Recaptcha registration required (It's a free)
4
-
<br /><br />
5
-
Google recaptcha is for the protect the spamming your any submiting form and idea about to do some other stuff authentication to prevent this.
6
-
<br /><br />
7
-

8
-
<br/>
1
+
# Vue Storefront Google Invisible reCAPTCHA extension
2
+
[Google Invisible reCAPTCHA v3](https://developers.google.com/recaptcha) integration for [vue-storefront](https://github.com/aureatelabs/vsf-google-recaptcha), by [Aureate Labs](https://aureatelabs.com/)
3
+
> This extension helps to prevent bot form submission using Google reCAPTCHA service
4
+
5
+
**Note:** Google reCAPTCHA registration required (It's a free) to use this extension into your vue-storefront website.
9
6
10
-
Google recaptcha module for Vue Storefront️
7
+
Google reCAPTCHA is for the protect the spamming your any submiting form and idea about to do some other stuff authentication to prevent this.
11
8
12
-
> Google recaptcha documentation: https://developers.google.com/recaptcha/intro
9
+

13
10
14
-
<br/>
11
+
Google reCAPTCHA documentation: https://developers.google.com/recaptcha/intro
15
12
16
13
## Installation:
17
14
@@ -21,8 +18,7 @@ Clone the vsf-google-recaptcha repository into your VSF installation.
### 2. Add the module config to your local VSF configuration file.
21
+
### 2. Add the extension config to your local VSF configuration file.
26
22
Add the following JSON config snippet into your desired config, eg. `config/local.json`
27
23
```json
28
24
"googleRecaptcha" : {
@@ -33,15 +29,12 @@ Add the following JSON config snippet into your desired config, eg. `config/loca
33
29
"is_active": false
34
30
}
35
31
```
36
-
Replace the `site_key` & `secret_key` parameter with the site key & secret key provided by Google recaptcha registration time. You can find your Captcha Site Key here: https://www.google.com/recaptcha/admin/. Setting `is_active` to `false` will disable the google recaptcha module at runtime.
37
-
<br />
32
+
Replace the `site_key` & `secret_key` parameter with the site key & secret key provided by Google reCAPTCHA registration time. You can find your Captcha Site Key here: https://www.google.com/recaptcha/admin/. Setting `is_active` to `false` will disable the google reCAPTCHA extension at runtime.
Open up your `../vue-storefront/src/modules/index.ts` and add the following code. Adding it inside this file the registers the module so it can be used in your Vue Storefront.
44
-
<br />
36
+
### 3. Register the Google reCAPTCHA extension
37
+
Open up your `../vue-storefront/src/modules/index.ts` and add the following code. Adding it inside this file the registers the extension so it can be used in your Vue Storefront.
### 6. Add the module config to your local VSF API's configuration file
62
+
### 6. Add the extension config to your local VSF API's configuration file
73
63
Add the following JSON config snippet into your desired config, eg. `config/local.json`
74
64
```json
75
65
"googleRecaptcha" : {
@@ -82,11 +72,11 @@ Add the following JSON config snippet into your desired config, eg. `config/loca
82
72
}
83
73
}
84
74
```
85
-
Replace the `secret_key` parameter with the secret key provided by Google recaptcha registration time. You can find your Captcha Site Key here: https://www.google.com/recaptcha/admin/. Setting `enable` to `true` will check the captcha base on the score response from the google captcha api. To disable score match simple set value to `false`. Possible values for `low_score` is `0.0` to `0.9`.
86
-
<br />
75
+
Replace the `secret_key` parameter with the secret key provided by Google reCAPTCHA registration time. You can find your Captcha Site Key here: https://www.google.com/recaptcha/admin/. Setting `enable` to `true` will check the captcha base on the score response from the google captcha api. To disable score match simple set value to `false`. Possible values for `low_score` is `0.0` to `0.9`.
@@ -95,11 +85,9 @@ sample response of api call `/api/ext/google-recaptcha/is-verify`
95
85
Thats it! It's easy, plug and play! If you haven't got an Register captcha already, you can create one here, there is free tier that you can use to get started: https://www.google.com/recaptcha/admin/create
96
86
97
87
## Customization
98
-
### Replacing the Google captcha Script.
99
-
If you need to change the Intercom script that is loaded on the page, open up the `./google-recaptcha/hooks/afterRegistration.ts` file. On line 35 you'll find the script provided from Google Recaptcha, you can swap this out or extend it as required.
100
88
89
+
### Replacing the Google captcha Script.
90
+
If you need to change the Intercom script that is loaded on the page, open up the `./google-recaptcha/hooks/afterRegistration.ts` file. On line 35 you'll find the script provided from Google reCAPTCHA, you can swap this out or extend it as required.
101
91
102
92
## License
103
-
104
-
<br/>
105
-
This project is licensed under the MIT License.
93
+
This project is licensed under the [MIT License](https://github.com/aureatelabs/vsf-google-recaptcha/blob/master/LICENSE)
0 commit comments