LINE 项目总结

  前段时间做了一个“国外的公众号”,为什么说是国外的公众号呢,因为他和微信的公众号有很多共通之处。当然了也有很多不同的地方,第一个要说的就是,我在打印信息的时候,使用的alert()弹窗,但是后台才发现,LINE中的弹窗中的内容是不能用逗号分隔的。请看下面的代码:

1 alert(1,2,3);

在LINE中就只能打印个1,然后后面的2,3是不能显示的,这个是最初做的时候很疑惑的东西。解决办法也是很简单,就是使用字符串拼接上就可以了。

  然后是LINE的登录,这个就是为什么我说是国外的公众号的原因了,因为他的登录基本上和微信的登录是一样的。具体过程就是前端需要率先访问一个LINE的网址,访问这个网址的时候,需要带上我们参数,其中会有一个参数是回调地址url,访问LINE的地址,会按照那个参数跳回来,然后在url后面添加上code参数。请看下面的代码:

 1         /**
 2          * line网页版登录,通讯验证给予oauth2.0
 3          * @param client_id line后台配置的id,请联系相关人员索要 就是line当中的Channel ID 1601124***
 4          * @param gameUrl 游戏地址,登录后会跳转到此地址并携带可使用一次的code
 5          * state 是咱们自定义的参数
 6          */
 7         //client_id: string, gameUrl: string, state: string
 8         function login(client_id,gameUrl,state) {
 9             let url = encodeURIComponent(gameUrl);
10             //window.open('https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + url + '&state=' + state + '&scope=openid%20profile&nonce=gzmjtw2019');
11             window.location.href = 'https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + url + '&state=' + state + '&scope=openid%20profile&nonce=gzmjtw2019';
12         }

 11行就是那个LINE的网址,client_id是在创建这个应用的时候给的一个固定的id,然后gameurl就是跳回来的网址,需要说明的一点是,这个需要进行encodeURI。

  第二点需要注意的是,我们会需要一个uerid,我们是这样获取的。

  首先是引入line的sdk

1 <script src="https://d.line-scdn.net/liff/1.0/sdk.js"></script>

  然后在js中需要一下的代码:

1     function initApp(data){
2             line_userId = data.context.userId;//"U3164697f9daea7dcc5c69fde8bf4a***";
3             
4         }
5         window.onload=function(){
6             liff.init(data=>{
7                 initApp(data);
8             });
9         }

这样就能获取到这个用户在这个应用下的唯一ID了。

  然后有了上面的code和用户的唯一ID传给后台,后台就能获取到很多信息了。具体内容就需要根据业务需求来确定了,我们的业务是确定登录人在我们系统中的身份。然后继续进行下一步的操作,然后这个uerid我会保存到sessionStorage 中,以便以后确定操作人等。这里附上一个我自己做的流程图,方便以后查阅。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Unity的LineRenderer组件可以用来在3D场景中绘制线条,而UI中的连线则可以通过调整UI元素的位置和大小来实现。 要在Unity中使用LineRenderer和UI进行连线,可以按照以下步骤操作: 1. 添加LineRenderer组件:在场景中选择一个游戏对象,然后在Inspector面板中点击"Add Component"按钮,在搜索栏中输入"LineRenderer"并添加该组件。 2. 调整LineRenderer的参数:在Inspector面板中,可以设置线条的材质、颜色、宽度等属性。可以根据需要调整这些属性以满足项目要求。 3. 定义线条的位置:通过设置LineRenderer的位置信息来定义线条的形状。可以通过设置点的坐标或通过路径来定义线条的位置。 4. 连接模型和UI元素:要将模型和UI元素连接起来,可以通过改变LineRenderer的position属性,将线条的末端连接到UI元素的位置。 举个例子来说明,假设有一个3D模型和一个UI按钮,我们希望用LineRenderer将它们连接起来: 1. 添加LineRenderer组件:选择一个游戏对象,点击"Add Component",搜索并添加"LineRenderer"组件。 2. 调整LineRenderer的参数:在Inspector面板中,可以选择合适的材质、颜色和宽度。 3. 定义线条的位置:通过设置LineRenderer的position属性,根据3D模型和UI按钮的位置来定义线条的形状。可以设置线条的起始点和终点,使其连接到模型和UI元素的位置。 4. 连接模型和UI元素:将LineRenderer的position属性调整到UI按钮的位置,使其与模型连接。 通过以上步骤,我们就可以使用LineRenderer组件将3D模型和UI元素进行连线,实现我们的需求。 ### 回答2: 在Unity中,可以使用LineRenderer组件来实现模型和UI之间的连线效果。 首先,使用LineRenderer组件创建一个连线。可以通过代码或者在Unity编辑器中手动添加LineRenderer组件来创建。然后,调整连线的宽度、颜色、材质等属性,以使其适应UI和模型的需求。 要将连线与模型连接起来,需要获取模型和UI的位置信息。可以通过Transform组件获取物体的位置信息,并将其赋给LineRenderer的起点和终点。 对于UI,可以使用RectTransform组件的anchoredPosition属性获取UI物体的位置信息。然后,将UI的位置信息作为LineRenderer的终点。 对于模型,可以使用模型的Transform组件获取其位置信息。然后,将模型的位置信息作为LineRenderer的起点。 最后,将连线的持续时间调整为0以实现连续更新。这样,无论模型和UI的位置如何变化,连线都会实时跟随。 需要注意的是,使用LineRenderer进行模型和UI连线时,由于UI物体的锚点坐标不是世界坐标,而是相对于父级UI物体的锚点坐标。因此,在进行连线时,需要将UI的坐标转换为世界坐标或者将模型的坐标转换为UI坐标。可以使用Camera.WorldToScreenPoint和Camera.ScreenToWorldPoint方法来进行坐标的转换。 通过如上步骤,就可以实现模型和UI的连线效果了。连线将会实时更新,跟随模型和UI的位置变化。 ### 回答3: Unity的LineRenderer组件可以用于创建在模型和UI元素之间的连线。在使用LineRenderer时,首先需要为其指定一个位置数组,这些位置将确定连线的路径。连接模型和UI元素的连线一般需要确定模型和UI元素的位置,然后将它们的位置添加到位置数组中。 当连接模型和UI元素时,可以通过将模型的顶点作为位置数组的一部分来获得模型的位置。这可以通过获取模型的Mesh组件,并通过遍历其顶点数组来实现。同时,也可以通过获取UI元素的RectTransform组件,并使用其position属性来获得UI元素的位置。 在设置好位置数组后,需要设置LineRenderer的宽度、颜色、材质等属性。可以通过调整这些属性来使连线更具吸引力。 另外,还可以使用鼠标在UI元素上绘制连线。可以使用Unity的EventSystem来检测鼠标点击事件,并获取点击的UI元素。当检测到鼠标点击UI元素后,可以使用LineRenderer来绘制从模型到UI元素的连线。可以在鼠标按下和抬起事件中分别设置连线的起点和终点,以实现绘制连线的效果。 总结起来,通过设置LineRenderer的位置数组和属性,可以在Unity中实现模型和UI元素之间的连线效果。无论是通过获取模型和UI元素的位置,还是通过鼠标绘制,都可以使用LineRenderer组件来实现这一效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值