.. _ödeme-sayfasına-yönlendirme-label:

Ödeme Sayfasına Yönlendirme
---------------------------

Ödeme oturumu oluşturulduktan sonra elde edilen ``session_token`` ve ``transaction_token`` ile ödeme sayfası için bir url oluşturulur. Elde edilen ``transaction_token`` url-encoded hale getirilir ve yeni oluşturulan URL'e eklenir. Bu adımdan sonra artık ödeme sayfasına yönlendirilebilir.

.. important:: Elde edilen ``transaction_token`` url-encoded hale getirmek için internette herhangi bir siteden bu işlem için yardım alınabilir.

.. list-table:: İsteğin gönderileceği URL ve metodu
    :width: 600px
    :widths: 20 30 50
    :header-rows: 1

    * - Metot
      - URL
      - Açıklama
    * - GET
      - /hpp?session_token=e7d624f0-c842-4826-a344-8c05cc6d6114&transaction_token=JGmhG9bOro82%2F84JdjAWNflDH2dynHsckkrpRRO9pc73NLwSSe5%2BdzHa9JxdpIBKnWtAEfGhaYpFGrEoBQJlyg%3D%3D
      - Parametrelerle birlikte bu URL'e yönlendirilen kullanıcı buradan da ödeme ekranına yönlendirilir.

Pop-Up İle Ödeme Sayfasına Yönlendirme
--------------------------------------

Pop-up ile ödeme sayfasına yönlendirme :ref:`ödeme-sayfasına-yönlendirme-label` işlemi ile aynıdır.

.. important::
  * Burada dikkat edilmesi gereken husus yönlendirme işlemini bir pop-up içinde gerçekleştirme kısmıdır. Yukarıda anlatılan kısımları yaptıktan sonra oluşturulan URL'i aşağıdaki code bloğundaki gibi kullanarak pop-up ile açabilirsiniz.
  
  .. code-block:: text

    <a href="#" class="popup-btn" target="popup" onclick= 'checkOutWithPopup(); return false;'>Hpp Popup</a>
  
  * ``checkOutWithPopup()`` fonksiyonu ile yukarıda oluşturulan urlde pop-up window kolayca açılabilir
  
  .. code-block:: text

    function checkOutWithPopup() {
        window.open('/hpp?session_token=e7d624f0-c842-4826-a344-8c05cc6d6114&transaction_token=JGmhG9bOro82%2F84JdjAWNflDH2dynHsckkrpRRO9pc73NLwSSe5%2BdzHa9JxdpIBKnWtAEfGhaYpFGrEoBQJlyg%3D%3D','hpp-popup','width=600,height=600');
    }