• Comunitario
  • Consulta
    • Solicitud de Colaborador
  • Política de Privacidad
    • Política de Cookies
2025/05/24 sábado
  • Inicio de sesión
  • Registro
beKOUE
  • 日本語
  • English
  • 中文 (中国)
  • Conectando
  • KOBE
  • Akashi
  • Tecnología
No Result
View All Result
beKOUE
  • Conectando
  • KOBE
  • Akashi
  • Tecnología
No Result
View All Result
beKOUE
No Result
View All Result
オンラインショップ|オーダーメイド

Casa » [2023] LIFF Herencia masiva Por tanto, reutilización frontal

[2023] LIFF Herencia masiva Por tanto, reutilización frontal

LIFF 第一章

管理者 por 管理者
2023/2/15
in Wordpress ES
0 0
A A
0
0
COMPARTIDO
198
VISTAS
CuotaPíoスキャン

Tabla de contenido

  • 1. ¿Qué es el LIFF?
  • 2. Varias identificaciones LIFF en el mismo anverso.
  • 3. Configuración de la aplicación LIFF
  • 4. Conclusión.

1 ¿Qué es el LIFF?

WordPress & Woocommerce incorpora muchas características como la integración con Line (API de mensajería, modo Bot…) Con Line como punto de entrada (clave), la página web puede mostrarse en última instancia en diversos navegadores, incluidos safari y chrome. El autor es un usuario orientado al navegador, y cuando visualiza una página web de Line, el usuario siempre pasa a un navegador externo*1.

Cada vez que cambia a un navegador externo, el autor se pregunta: «¿No reduciría la confusión del usuario eliminar la función de cambio de aplicación?». Y…

Afortunadamente, Line también ha tomado medidas para contrarrestar a los navegadores del mundo. Aquí es donde entra LIFF (LINE Front-end Framework): Line lo llama mini-app, pero para el gran público sería más fácil de entender si fuera un mini-navegador dependiente de Line.

Esta vez, el autor también ha realizado una «función de gestión de frecuencias (tickets)» como función original. Este artículo presenta algunas de las dificultades a las que se enfrenta el desarrollo de LIFF por primera vez, y el camino para resolverlas. Nos gustaría omitir los aspectos básicos y compartir sólo los contenidos para usuarios avanzados.

1 La función de Line Labs para iOS « Enlazar en el navegador predeterminado» está activada.

2 Varias identificaciones LIFF en el mismo anverso.

El LIFF cuenta con numerosas medidas de seguridad. Una de ellas es que sólo hay una URL de LIFF (URL de LIFF y miniaplicación de uno a uno). Esto significa que un mismo frente (URL de punto final) sólo puede ser llamado por una URL LIFF. Este esquema mejora la seguridad al eliminar la diversidad, pero el desarrollo no es adecuado para la producción en masa.

En este punto, el autor recuerda la descripción del parámetro URL en el esquema URL de LIFF: «Un frente es la URL del punto final, pero si se puede pasar el Liffid correcto en el parámetro URL, se pueden eludir los enlaces de seguridad».

Fútbol | Físico | Isla Rokko | Niños | Gimnasia para niños pequeños
オンラインショップ|ダンス|スポーツ|専門店

Las dos funciones anteriores tienen el mismo frente inicial, pero se lanzan desde menús enriquecidos diferentes (URL LIFF).

3 Configuración de la aplicación LIFF

La URL del endpoint que enlaza con la URL del LIFF es única, pero el parámetro de la URL puede ser variable, así que deja que el liffID se cargue en el parámetro de la URL.

Utilice el liffID en el parámetro URL de la parte frontal para inicializar la aplicación LIFF correcta.

jQuery(function ($) {
    // URLSearchParamsオブジェクトを取得
    // http://var.blog.jp/archives/72768336.html
    var params = url.searchParams;
    if (params.get('liffId')) {
        liffId = params.get('liffId');
    }
    $(document).ready(function () {
        let myLiffId = liffId;
        initializeLiffOrDie(myLiffId);
    });
    function initializeLiff(myLiffId) {
        liff
            .init({
                liffId: myLiffId,
                //外部ブラウザでのLIFFアプリ初期化時にliff.login()メソッドを自動で実行する
                withLoginOnExternalBrowser: true, 
            })
            .then(() => {
                initializeApp();
            })
            .catch((err) => {
                console.error(err);
                document.getElementById("liffAppContent").classList.add("hidden");
                document
                    .getElementById("liffInitErrorMessage")
                    .classList.remove("hidden");
            });
    }
    function initializeApp() {
        if (!liff.isLoggedIn()) {
            liff.login({ redirectUri: location.href });
        } else {
            document.getElementById("liffAppContent").classList.remove("hidden");
        }
        idToken = liff.getAccessToken();
        getUserData(idToken);
    }
}

Obtener el idToken en el Liff y enviarlo al lado del servidor. A continuación, autentique el LineUserId en el lado del servidor; es obligatorio que el idToken no se analice en el lado frontal. Utilice el mismo método que en la integración de líneas hasta ahora para analizar el idToken aquí.

protected function get_line_userid()
{
	$ch = curl_init();
	curl_setopt($ch, CURLOPT_HTTPHEADER, array("Authorization: Bearer {$this->json_obj['id_token']}"));
	curl_setopt($ch, CURLOPT_URL, 'https://api.line.me/v2/profile');
	curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
	$line_profile = curl_exec($ch);
	curl_close($ch);
	// Line情報を取得
	$line_profile = json_decode($line_profile, true);
	if (!$line_profile || !isset($line_profile['userId'])) {
		return false;
	}
	return $line_profile['userId'];
}

4 Conclusión.

Incrustar el identificador LIFF en el punto final LIFF. Creemos que la producción en masa se puede lograr con el mismo frente (URL de punto final) si podemos conseguir ajax para hacer el trabajo duro de envío y recepción en el lado del servidor.

El siguiente capítulo le mostrará los puntos clave de la visualización del historial de pedidos de woocommerce en una miniaplicación LIFF, antes de presentar el sistema de frecuencias.

Y si quieres un código fuente más detallado o estás interesado en el desarrollo de LIFF y quieres intercambiar opiniones sobre LIFE, entra y deja un comentario.

Etiquetas: AvanzadojavascriptLIFFLinePHP
CompartirTweetAnalizar
MeIN|Akashi|Futami|Niños|Danza|Desde 2016
Previous Post

[2023] Woocommerce Orden Recibida Recibo electrónico enviado a la línea

Next Post

[2023] woocommerce historial de pedidos dentro de Line

管理者

管理者

El autor nació en China en 1985. Después de graduarse de la universidad en 2008, consiguió un trabajo en una empresa japonesa en China. Después de mudarse a la oficina central en Tokio en 2011, contribuyó a la empresa como ingeniero de sistemas y programador, principalmente subcontratando a las principales empresas japonesas. Al mismo tiempo, mejoraré mi japonés, varias habilidades de programación y lenguaje. En 2016, realicé un viaje alrededor del mundo como último punto de inflexión en mis veintes. Después de experimentar una gran variedad de culturas, se mudó a la tierra no desarrollada de Kansai, decidido a reiniciar todo desde cero. Estableció bekoue.com equipado con toda la tecnología cultivada en TI para transmitir la gran ciudad de Kobe al mundo. Estamos enviando el encanto de Kansai y Kobe al mundo todos los días.

Relacionada Publicaciones

Wordpress ES

Línea Woocommerce Sistema de circulación en línea

2023/4/13
0
141

Acerca de los tickets de cupón Hay muchas situaciones en el mundo en las que se puede utilizar un sistema de cupones, como entradas para un baño público, un billete de autobús o una entrada para un evento. Esta vez, con la colaboración de la escuela deportiva Gooall (en adelante Gooall), nos gustaría presentar un sistema de cupones online que se ha puesto en práctica con Line & woocommerce. En primer lugar, el sistema de frecuencias online. Antes de su introducción, explicaremos brevemente cómo funciona en el sistema...

Lee mas
【2023年版】LIFF 量産 継承 よって フロント再利用

[2023] woocommerce historial de pedidos dentro de Line

2023/2/15
329
【2023年版】Woocommerce 注文 受け Lineへ電子レシートを送信

[2023] Woocommerce Orden Recibida Recibo electrónico enviado a la línea

2023/2/15
185
Next Post
【2023年版】LIFF 量産 継承 よって フロント再利用

[2023] woocommerce historial de pedidos dentro de Line

神戸市:「ICTを活用した中学校体育館の夜間開放」2月から対象校

Ciudad de Kobe: "Apertura nocturna de los gimnasios de los institutos mediante el uso de las TIC" dirigida a los centros escolares a partir de feb.

Por favor, iniciar sesión para unirse al debate

Popular

  • 週末のお楽しみが今年も始まる!「神戸港ウィークエンド花火」2月

    Este año vuelve la diversión de fin de semana Fuegos artificiales del fin de semana del Puerto de Kobe en febrero

    0 compartido
    Compartir 0 Tweet 0
  • Un total de 32 magníficos Danjiri desfilan por las calles de Higashinada Ward, con «2025» en cada zona de Higashinada Ward.

    0 compartido
    Compartir 0 Tweet 0
  • La exposición se celebró en el Museo de Arte de la Prefectura de Hyogo por primera vez en diez años. Exposición Paul Klee – Creación

    0 compartido
    Compartir 0 Tweet 0
  • ¡Personajes nostálgicos de la era Showa! Exposición de Sanrio en el Museo de Arte Contemporáneo de Kobe

    0 compartido
    Compartir 0 Tweet 0
  • Ciudad de Kobe: «Prestación especial temporal de la ciudad de Kobe para apoyar los medios de subsistencia

    0 compartido
    Compartir 0 Tweet 0

La mas nueva

Nozomi Itagaki Soprano de Concierto «Rokko Island Diva» 202505

2025/5/22
0

Perros y gatos del Panel del Centro de Animales de Akashi en el vestíbulo de la 2ª planta de la oficina principal del Ayuntamiento de Akashi.

2025/5/22
0

Información sobre la cancelación del evento] R.I.C Party -CENTRAL- Rokko Island el 21 de mayo

2025/5/22
0

¡Descubriendo Fortalezas y Atractivos! Curso de marca personal – Rokko Island

2025/5/22
0
「自然×街」のコントラストが魅力!六甲山上駅からすぐの『天覧台

El contraste entre «naturaleza y ciudad» es fascinante. Tenran-dai, a un paso de la estación de Rokko Sanjo.

2025/5/19
1
オンラインショップ|オーダーメイド
beKOUE

  • Conectando
  • KOBE
  • Akashi
  • Tecnología
  • MeINPartner
  • GooallPartner
  • shAopEC Site
  • GlobalFactory
  • Booking
  • Comunitario
  • Consulta
  • Política de Privacidad

Copyright 2025 by be Co., Ltd.

No Result
View All Result
  • 日本語
  • English
  • 中文 (中国)
  • Conectando
  • KOBE
  • Akashi
  • Tecnología
  • Inicio de sesión
  • Registrarse
  • Comunitario
  • Consulta
  • Política de Privacidad

Copyright 2025 by be Co., Ltd.

¡Bienvenido de nuevo!

Iniciar sesión con Facebook
Acceder con Google
Iniciar sesión con Line
O

Inicie sesión en tu cuenta

¿Contraseña olvidada? Registrarse

¡Crear una nueva cuenta!

Registrarse con Facebook
Registrarse en Google
Regístrese en Line
O

Fill the forms below to register

*Al registrarse en este sitio, puede utilizar los términos de uso y lapolítica de privacidadSe considera que usted ha aceptado.
All fields are required. Iniciar sesión

Retrieve your password

Please enter your username or email address to reset your password.

Iniciar sesión
Nuestro sitio utiliza cookies. Si continúa usándolo, asumimos que está de acuerdo con nuestro uso de cookies. Consulte la Política de cookies.
error: Alert: コンテンツは保護されています !!!