user login/register blogger dengan database google sheet

sebenarnya kamu bisa mendapatkan data user dengan localStorage.getItem namun agar penulisan lebih singkat kamu bisa memanggilnya dari json yang telah kami buat.

//contoh menampilkan nama user dengan alert
alert(wc.check.nama);

//contoh menampilkan email user dengan alert
alert(wc.check.email);

//contoh menampilkan nomor user dengan alert
alert(wc.check.noHp);

//contoh redirect ke halaman login
window.location.href=wc.url.login;

//contoh redirect ke halaman register
window.location.href=wc.url.register;

//contoh redirect ke halaman profile
window.location.href=wc.url.profile;

//contoh buka pada tab baru
window.open(wc.url.login);

mengecek apakah user sudah login apa belum, dan aksi yang akan di jalankan.

// cek apakah user sudah login apa belum dan lakukan sesuatu jika sudah atau belum

if(wc.check.login!=null && wc.check.login=="true"){
// jika user sudah login jalankan fungsi di dalam ini
alert('anda sudah login');

// silakan tambahkan sendiri fungsi lainnya sesuai kebutuhan kamu

}else{
// jika user belum login jalankan fungsi di dalam ini
alert('anda belum login');

}

buat wajib login di semua halaman, silakan ubah url login page dan register page dengan milik kalian.

<b:if cond='data:blog.url != "https://www.wendycode.com/p/login.html" and data:blog.url != "https://www.wendycode.com/p/register.html"'>
<script>
/*<![CDATA[*/
function wajibLog(){
if(wc.check.login==null && wc.check.login!="true"){
window.location.href = wc.url.login + '?target=' + location.href;
}
}
wajibLog();
/*]]>*/
</script>
</b:if>

tombol logout sudah ada pada halaman profile, namun jika kamu ingin membuat nya pada semua halaman bisa menggunakan kode seperti ini.

<!-- fungsi logout -->
<button onclick='logout()'>logout</button>
<script>
function logout() {
localStorage.removeItem("login");
}
</script>

opsional parameter ?target=, secara default jika member berhasil login maka akan di alihkan ke halaman profile, kamu bisa menggunakan parameter ini jika ingin membuat member di alihkan kembali ke halaman sebelumnya.

contoh silakan anda logout dan klik tombol beli pada halaman ini maka anda akan di minta untuk login setelah anda login anda akan di alihkan kembali ke halaman ini bukan halaman profile dan perhatikan adressbar browsermu anda akan melihat parameter yang saya sebutkan

// contoh penerapan di tag anchor
<a href='/p/login.html?target=https://urlsaatini.com'>klik</a>

// dengan javascript
window.location.href = wc.url.login + '?target=' + location.href;

bonus contoh yang saya gunakan pada halaman ini, yaitu user wajib login , dan data user otomatis terisi seperti nama dan email anda juga bisa memanggil no hp user.

<!-- bonus contoh yang saya gunakan pada halaman ini, yaitu wajib login untuk membeli -->

<input placeholder='url blog' />
<button onclick='beli()'>beli</button>

<script>
function beli(){
var linkWa = 'https://api.whatsapp.com/send?phone=6281311233392&text=';
var waTeks = 'hallo%20admin%20saya%20ingin%20fitur%20membeli%20user%20login/register%20blogger%0A%0A';
var userNama = '-Nama:%20' + wc.check.nama +'%0A%0A';
var userEmail = '-Email:%20' + wc.check.email +'%0A%0A';
var userUrl = '-Url%20blog%20saya:%20';
var note = document.querySelector('.note').value;
var sumber ='%0A%0A-di%20kirim%20via:%20'+window.location.href;

  if(note == ''){ // jika kolom catatan kosong
    alert('url belum di isi');
    
  }else if(wc.check.login!=null && wc.check.login=="true"){ // jika user sudah login
    window.location.href=linkWa+waTeks+userNama+userEmail+userUrl+note+sumber;
    
  }else{ // jika user belum login
    
    alert('anda belum login!');
    window.location.href= wc.url.login + '?target=' + location.href; 
    
  } 

}
</script>

pengetahuan javascript di perlukan agar dapat membuat apa yang kamu inginkan, silakan kamu kreasikan fitur ini sesuai kebutuhan kamu.