Taro开发你画我猜游戏，如何实现长尾词功能？

本文共计480个文字，预计阅读时间需要2分钟。

选择手艺范例：微信小程序使用Taro（功能不多也就不用Redux了），背景用php写，WebSocket使用workman来做。这里用Taro做布局是有项目的，它不支持H5。

挑选手艺范例微信小顺序运用Taro（功用不多就不是运用Redux了）,背景用php写，websocket运用选workman来做。这里运用Taro做画布是有题目的，它不支撑h5。选

挑选手艺范例

• 微信小顺序运用Taro（功用不多就不是运用Redux了）,背景用php写，websocket运用选workman来做。 这里运用Taro做画布是有题目的，它不支撑h5。

选型的题目

• taro 不支撑画布的H5

下面来细致讲讲

小顺序上岸，我的做法是写一个上岸的组件，再在layout中到场login的组件

return ( {this.props.children} )

• 这里微信猎取用户信息是异步的，在到背景猎取openid也是异步的，然则我更愿望全部历程是同步运转的如许写的代码也好看点
• 然则不支撑同步处置惩罚，这里运用regeneratorRuntime await Promise 来处置惩罚

websocket 断线重连题目

• 小顺序在背景运转很快websocket会断开衔接，运用onshow（componentDidShow）要领,此时背景的websocket 实在能够也已落空
• 终局方法websocket建立将取得衔接id，将id对应到uid放在redis中，发送音讯就已uid去找衔接id。
• 游戏同步题目，这里用状况同步的要领。状况修正便经由过程websocket来同步。

typescript

• 全部画布加上对局后到场websocket今后代码将变得更加烦琐，这个玩意能够确保猎取准确范例推断提醒。

export class UserType { type: string = ""; nickname: string = ""; uid: number = 0; img: string = '';}export class Game { room: string; uid: number; time: number =100; start: boolean = false; name: string =""; prompt: Array = []; userList: Array = [];}public state = { socket: Object, user: new UserType, game: new Game, log: Array>() }

末了

taro 运用的照样挺爽的！！