• 地域贡献
  • 咨询
    • 投稿人申请
  • 隐私政策
    • Cookie 政策
2025/05/24 星期六
  • 登录
  • 注册
beKOUE
  • 日本語
  • English
  • Español
  • 爱街坊
  • 神户
  • 明石
  • 数码技术原创
没有结果
查看所有结果
beKOUE
  • 爱街坊
  • 神户
  • 明石
  • 数码技术原创
没有结果
查看所有结果
beKOUE
没有结果
查看所有结果
オンラインショップ|オーダーメイド

主页 » [2023]LIFF大规模继承 因此,前面的重复使用

[2023]LIFF大规模继承 因此,前面的重复使用

LIFF 第一章

管理者 由 管理者
2023年2月15日
在 Wordpress ZH
0 0
A A
0
0
分享
198
浏览
分享分享スキャン

目录

  • 1. 什么是LIFF?
  • 2. 同一战线上有多个LIFF ID。
  • 3. LIFF应用设置
  • 4. 结论。

1 什么是LIFF?

WordPress和Woocommerce整合了许多功能,如Line整合(Messaging API,Bot模式…)。以Line为入口(键),网页最终可以在各种浏览器中显示,包括safari和chrome。作者是一个面向浏览器的用户,在显示Line的网页时,用户总是过渡到一个外部浏览器*1。

每次他切换到外部浏览器时,作者都会想:’取消应用切换功能不是可以减少用户的困惑吗?而且…

幸运的是,Line也采取了措施来应对世界上的浏览器。这就是LIFF(LINE前端框架)的由来:Line称其为迷你应用程序,但对普通人来说,如果它是一个依赖于Line的迷你浏览器,就更容易理解了。

这一次,作者还实现了 “频率(票据)管理功能”,作为一项原创功能。本文介绍了首次开发LIFF时面临的一些困难,以及解决这些困难的路径。我们希望省略基础知识,只为高级用户分享内容。

1 线实验室功能 iOS-only “在默认浏览器中链接 “被启用。

2 同一战线上有多个LIFF ID。

LIFF有许多安全措施。其中之一是只有一个LIFF网址(一对一的LIFF网址和小应用程序)!这是最重要的。这意味着,一个前台(端点URL)只能被一个LIFF URL调用。这种方案通过消除多样性提高了安全性,但开发不适合大规模生产。

在这里,作者回顾了LIFF URL方案 中对URL参数的描述:”一个前台是端点URL,但如果能在URL参数中传递正确的Liffid,就可以规避安全绑定。

足球 | 体育 | 六甲人工·岛 | 儿童 | 幼儿体操

上述两个功能具有相同的初始前置,但从不同的丰富菜单(LIFF URLs)中激活。

3 LIFF应用设置

链接到LIFF URL的端点URL是唯一的,但URL参数可以是可变的,所以让liffID在URL参数中加载。

オンラインショップ|ダンス|スポーツ|専門店

在前端的URL参数中使用liffID来初始化正确的LIFF应用。

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);
    }
}

在Liff中获取idToken并将其发送到服务器端。然后在服务器端对LineUserId进行认证;有义务在前端不解析idToken。在这里使用与到目前为止的Line整合中相同的方法来分析idToken。

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 结论。

在LIFF端点中嵌入LIFF ID。我们相信,如果我们能让ajax完成向服务器端发送和接收的艰巨工作,就可以用同样的前端(端点URL)实现大规模生产。

下一章将展示在LIFF小程序中显示woocommerce订单历史的关键点,然后介绍频率系统。

而如果你想获得更详细的源代码,或者对LIFF的发展感兴趣,想对LIFE交换意见,请登录后留言。

标签: javascriptLIFFLinePHP大侠
分享分享扫描
MeIN|明石|二见|儿童|劲舞|自2016 年
上一篇文章

[2023]Woocommerce Order Received 电子收据已发送至Line

下一篇文章

[2023]Woocommerce的订单历史在Line内。

管理者

管理者

作者1985年出生。2008年从中国大学毕业后,在中国的日企工作后,与2011年调到东京的总公司。在东京工作的六年里,日本国内各大IT公司的软件承保,提升自己的日语和各总编程语言。 2016年,在30岁之前,环游了世界一圈。 完成环球旅行后,怀着从头开始的觉悟,来到了关西地区。发挥自己的IT技术开设了bekoue.com,将关西和神户的优点传播到全世界。

相关 文章

Wordpress ZH

线Woocommerce流通系统在线

2023年4月13日
0
141

关于优惠券门票 世界上有很多情况可以使用优惠券系统,比如公共浴室的门票、汽车票或活动门票。 这次,在体育学校Gooall(以下简称Gooall)的合作下,我们要介绍的是已经投入...

阅读更多
【2023年版】LIFF 量産 継承 よって フロント再利用

[2023]Woocommerce的订单历史在Line内。

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

[2023]Woocommerce Order Received 电子收据已发送至Line

2023年2月15日
185
下一篇文章
【2023年版】LIFF 量産 継承 よって フロント再利用

[2023]Woocommerce的订单历史在Line内。

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

神户市:"使用信息和通信技术的初中体育场馆夜间开放 "目标学校从2月开始。

请登录之后, 再留言

最人气

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

    今年的周末欢乐又开始了!二月神户港周末焰火晚会

    0 分享
    分享 0 分享 0
  • 共有 32 个华丽的团尻在东和田区的街道上游行,东和田区的每个地区都有 “2025”。

    0 分享
    分享 0 分享 0
  • 该展览十年来首次在兵库县立美术馆举办!保罗-克利展:创造的星座

    0 分享
    分享 0 分享 0
  • 昭和时代的怀旧人物!神户现代美术馆的三丽鸥展

    0 分享
    分享 0 分享 0
  • 神户市:”神户市生活支援临时特别补助金

    0 分享
    分享 0 分享 0

最新

明石市政府本厅二楼大厅的明石动物中心猫狗展板。

2025年5月22日
0

板垣野寻女高音音乐会 “六甲岛天后” 202505

2025年5月22日
0

活动取消信息] 5 月 21 日 R.I.C Party -CENTRAL- 六子岛城市派对

2025年5月22日
0

发现优势和吸引力!自我品牌塑造课程 – 六甲岛

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

自然与城市 “之间的对比令人着迷!从六甲三条站步行即可到达天兰台。

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

  • 爱街坊
  • 神户
  • 明石
  • 数码技术
  • MeINPartner
  • GooallPartner
  • shAopEC Site
  • GlobalFactory
  • Booking
  • 地域贡献
  • 咨询
  • 隐私政策

Copyright 2025 by be Co., Ltd.

没有结果
查看所有结果
  • 日本語
  • English
  • Español
  • 爱街坊
  • 神户
  • 明石
  • 数码技术
  • 登录
  • 注册
  • 地域贡献
  • 咨询
  • 隐私政策

Copyright 2025 by be Co., Ltd.

欢迎回来!

用Facebook登录
用Google登录
用Line登录
或

登录到您的账户如下

忘记密码? 注册

创建新账户!

用Facebook注册
在Google上注册
在Line上注册
或

填写以下项目进行注册

*通过在本站注册,您可以使用使用条款和隐私政策您被视为同意。
所有项目需要填写。 登录

找回你的密码

请输入你的用户名或电子邮件地址来重设你的密码.

登录
我们的网站使用 cookie。 继续使用即表示您同意我们使用 cookie。 请参阅 Cookie 政策。
error: Alert: コンテンツは保護されています !!!