> For the complete documentation index, see [llms.txt](https://docs.quantumbyte.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/develop-microsites.md).

# Develop (Microsites)

Setelah sebelumnya anda membuat layanan microsites anda dapat meng-clone app nya ke local device anda untuk development.

Flow microsites secara garis besar akan seperti berikut ketika berjalan di server Ina-Digital :

<figure><img src="/files/WekWNT84LkAqIHxv3Swc" alt=""><figcaption></figcaption></figure>

proses development code secara keseluruhan sama seperti anda develop website pada umumnya, jika anda develop menggunakan reactjs (next) anda dapat melakukan nya sesuai standard dari framework yang anda gunakan.

### Riwayat Transaksi di Microsites

perbedaan terjadi ketika anda men-develop halaman riwayat, pada proses ini anda harus submit terlebih dahulu ke API "Riwayat Transaksi" agar list riwayat anda dapat masuk ke MainApp, seperti berikut :

<figure><img src="/files/cJ4HfY4xX3oBzRMpnLEl" alt=""><figcaption></figcaption></figure>

secara flow akan seperti berikut :

<figure><img src="/files/1myrIjrXooQ9bA5Jp5BE" alt=""><figcaption></figcaption></figure>

anda perlu menggunakan API "Riwayat Transaksi" yang terdapat di Platform untuk dapat memunculkan riwayat kedalam list riwayat di MainApp.

<figure><img src="/files/H1ImM3kekSdmnCmB45c0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Perhatikan pada bagian <mark style="color:green;">**Body -> link**</mark>, link tersebut adalah link yang akan di gunakan / di buka oleh MainApp ketika klik Riwayat Detail.
{% endhint %}

{% hint style="info" %}
Untuk update status riwayat anda dapat menggunakan API /update/:id pada API riwayat transaksi, <mark style="color:red;">**id riwayat berbeda dengan unique\_id**</mark>**,** id riwayat akan otomatis ter-generate ketika anda menggunakan endpoint /create.
{% endhint %}

### URL & Parameter Microsites

Detail parameter yang di kirimkan adalah sbb :

#### **Parameter akses Microsites Layanan**

{% code title="parameter akses layanan" overflow="wrap" %}

```atom
<base_url>?token={token_user}
```

{% endcode %}

| \<base\_url> | merupakan base url microsites yang anda setel sebagai default frontend di pengaturan layanan platform |
| ------------ | ----------------------------------------------------------------------------------------------------- |
| token        | *user token yang saat ini login*                                                                      |

{% hint style="info" %}
token akan di kirimkan jika user telah login, jika layanan anda mewajibkan user untuk login terlebih dahulu pastikan anda sudah mengkonfigurasi 'Layanan Wajib Login' di pengaturan platform.
{% endhint %}

Lalu untuk get detail user berdasarkan token anda dapat menggunakan API "Detail Pengguna" :

<figure><img src="/files/NoFg1QaBE9kpqqAx2ojJ" alt=""><figcaption></figcaption></figure>

#### **Parameter akses Microsites Riwayat :**

{% code title="parameter akses riwayat" overflow="wrap" %}

```atom
<base_url>?token={token_user}&unique_id={unique_id_riwayat}&id={id_riwayat}&title={judul_riwayat}status={status_riwayat}
```

{% endcode %}

| \<base\_url> | *merupakan Link yang anda submit di API riwayat transaksi.*         |
| ------------ | ------------------------------------------------------------------- |
| *token*      | *user token yang saat ini login*                                    |
| *unique\_id* | *custom id yang anda submit di API riwayat transaksi*               |
| *id*         | *id riwayat (auto generate) ketika submit di API riwayat transaksi* |
| *title*      | *judul riwayat yang di submit di API riwayat transaksi*             |
| *status*     | *status baku yang anda submit di API riwayat transaksi*             |

{% hint style="info" %}
beberapa parameter akan di kirim kan, seperti token user dan informasi riwayat yang sebelumnya telah di submit melalui API 'riwayat transaksi' anda dapat pula mendapatkan detail user melalui API 'detail pengguna yang sebelumnya telah di jelaskan di atas
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.quantumbyte.ai/home/quantumbyte-v2.0/3.microsites-1/develop-microsites.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.