Coder Social home page Coder Social logo

finogeeks / finclip-ios-demo Goto Github PK

View Code? Open in Web Editor NEW
318.0 318.0 15.0 5.48 MB

小程序容器 FinClip 苹果运行环境,让小程序在苹果应用中无缝运行 / iOS DEMO for FinClip

Home Page: https://finclip.com/

License: MIT License

Ruby 0.03% Objective-C 99.97%
demo finclip ios mini-app mini-program wechat

finclip-ios-demo's People

Contributors

elric-pp avatar haley-wong avatar sybarisdev avatar wangzi0218 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

finclip-ios-demo's Issues

一个移动开发者角度的小游戏开发体验

1.先说槽点

1. 文档问题

官方小游戏指南里,写着demo,必须将项目类型修改为 小程序 ,实际选为小程序后无法导入项目,需要导入为小游戏。

image-20230317114220513

2.移动端无法运行或者显示空白

配置完成后,移动端打开空白,集成日志里提示运行成功,但实际页面空白。

经测试,使用官方测试应用 FlinClip 扫码测试也是失败。

image-20230317115429643

3. IDE创建小游戏项目,默认会导入砍树小游戏

建议类似小程序一样,增加一个纯空白模版。

image-20230317114525126

4. IDE从1.8.38升级到1.8.40后,原项目无法打开

识别上似乎出现了问题,比如把小游戏项目识别为小程序,小程序识别为小游戏,例如:

image-20230317115823171

5. IDE真机调试一直处于发现错误无法编译

image-20230317120032774

6. IDE略显卡顿,不知道是mac端的适配问题还是其他问题;

2. 再谈优点

IDE功能强大,支持上传、导出、生成App等

image-20230317120414891

image-20230317120434046

官网文档详细,开发者友好

image-20230317120725664

官网控制台比较便捷

image-20230317120910988

3. 开发者角度再谈争议

IDE定位问题

目前FlipClip IDE更多的像一个将现有的小程序或者小游戏项目导入,进行快速发布、预览的工具,而非一个开发工具。

比如目前不支持插件,也不支持设置字体大小等等功能,而且使用起来总感觉卡顿(机型 M1pro 32+1T)。

小程序开发体验

如何自定义项目创建空白项目

现在我新建一个文件夹, 创建新的项目创建不了, 提示没有配置, 是否能够自动生成配置,方便使用呢

bda1c31dfa467d39c1f9e17610199d0

开发工具开发不好用,如何结合 vscode 开发

目前没有找到能结合 vscode 开发的方式, 感觉直接使用开发工具写代码感觉不方便

小游戏开发体验

注册下载

注册流程

很简单,参考官网即可

下载

下载地址

开发体验

目前来说 没体验,虽然说官方提供了 Demo,但是我前后用了三个小游戏,发现都没有办法跑通,两个报错,一个白屏。

具体报错

image

image

建议

重新梳理一下 Quick Start,能让开发者真正的用起来能跑一个完整的 Demo,上述问题不排除是个人电脑环境问题,但是如果无法给一个稳定的环境或者解决方案,遇到问题了我们也不知道如何解决。

最后

如果后续有更新的说明文档,我还是愿意继续尝试的

FinClip 小程序游戏体验评测报告

接入过程:
1.使用微信开发者工具编写完代码
2.使用FinClip IDE 导入项目并选择小游戏(测试)
3.编译运行
4.上传后转至Finclip管理平台进行审核上架操作
使用效果:
1.于微信小游戏无异
2.会出现断触的情况不知道是不是我手机的原因(手机为iPhone 12 pro)
同类技术分析:
1.当然是免费啦
2.集成起来超级简单(加鸡腿)
3.同阿里的小程序容器相比来看没有云函数
后续建议:
IDE方面(我的为Mac Book M2):
1.创建小游戏时可以选择APP ID 而不是在上传时才选择APP ID
2.创建小游戏时可以选择以模版引擎创建(COCOS,Three.js,Layabox,Unity,...)
代码方面:
1.可以加入分包显示(打包上传时)
2.可以加入小程序云开发
其他方面:
哈哈 因为我使用的Flutter 构建的项目 还是希望可以出点Flutter的API ,不过在使用Flutter集成finclip 的时候iPhone显示小程序右上角的图标底色居然不是白色的是粉色的。 顺带一提不知道那个小程序加载的时候那个finclip 可以单独设置就好啦 或者提供几个可以选择的那种也可以 嘿嘿

小游戏上架审核体验

FinClip 小游戏上架体验

新建小程序

注册账户,新建小程序

image.png

这里有个问题,当选择小游戏的时候这个分类是不是应该改成游戏的分类,如益智、养成、竞技等这些分类

IDE

下载完成后新建小游戏项目,然后选择小游戏 demo 的目录

image.png

进入小游戏映入眼帘的首先是个白屏

image.png

嗯...如果想让开发者体验,至少让官方提供的项目能跑起来吧

.....

我找了半天终于在详情里看到了这个配置

1678957885399.png

勾选过后终于小游戏跑了起来

image.png

手机预览

用手机预览直接提示页面不存在

ac7fc18add909da00ef47025cbae0e3.jpg

上传

选择刚刚新建的小程序 id 进行上传

image.png

进入小程序后台页面

image.png

第一时间我并不知道我刚刚上传的小游戏在哪里,这里建议再加个开发版列表。

这里点击新增之后找到了我刚刚提交的小游戏,之后基本就是一直下一步就可以了

上架完成之后,我是用 FinClip 扫码还是提示页面不存在,无法在真机上体验~

最后

整体体验下来感觉无法让开发者体验一个完整的流程,还有一些IDE的配置应该让开发者提前知晓

FinClip 小游戏开发上架体验

1、下载IDE
image
2、创建小程序
我这里直接用的官方的demo-砍树小游戏
image
3、调试
image
不过看到这个报错,我也挺懵逼的,官方的demo有错误,至少也应该提供一个readme如何配置吧

通过设置service game运行起来了
image

4、编译运行

image

5、生成app
image

整体体验还是不错的,希望在体验阶段文档写的详细一点,便于新手进行开发

小游戏发布流程体验

注册账号

注册账号流程没啥好说的,注册完成之后就进入了后台管理

下载FinClip IDE

下载完成之后新建小游戏项目,但是并没有选项是新建模版,给了这个提示,还以为必须要打开一个小游戏项目才行,但是即使空模版也会内置一个砍树小游戏demo,目前没有空模版选项

选中了已有的项目之后,项目名称没有变

其中包含了砍树小游戏,小游戏没问题,可以运行

然后我下载了官网提供的cocos羊了个羊demo

打开了压缩包内的build/wechatgame,但是没跑起来,报错

需要勾选 Service Game 和 blender compile 才可以

然后出现了开始游戏,但是很容易卡死,我试了好多次

额,需要双击才可以,但是视图这是什么情况,本来提示我soket连接失败,然后就白屏了

文档部分

小游戏开发指南

应该还缺一个project.config.json文件,项目配置文件

除了配置打开对应的目录,还需要勾选详情的Service Game 和 blender compile,否则可能会出现错误

小游戏配置

小游戏配置game.json中配置networkTimeout生效,所以不仅仅是一个配置吧,还包含一些框架属性

文档api测试

如图

enableDebug 有,说明版本没问题

但是host并没有

还有 api 返回的,但是文档上没有,比如 batteryLevel,建议把整个文档还是再核对一下,这里我只看了一个 api ,问题有点多

发布

首先是通过 IDEA 上传小程序,如果我们线上已经有了相同版本的小程序,我发现还是能够上传同样的版本,版本号不够唯一,甚至版本说明都可以一样,唯一能够区分的就只有时间,这里可以针对版本号进行校验,不允许同线上一致的版本号,防止选择出错

上传完成之后,进入到了代码包管理页面,找到了自己的小程序代码包

问题来了,有了代码包,下来要干啥?其实是不清晰的,我觉得可以在操作一栏里面,把这个对应的代码包能够【提审】【发布体验版】等操作,不然这个页面就仅仅是一个代码包的list

在我设置了体验版之后,配置体验成员,跳转了其它页面,这块可以搞一个弹窗,只需要添加体验成员就可以

在审核通过的页面list中,没有上架的操作

还需要在去小程序详情页去上架

整体页面跳转的流程较多,到了某一个页面之后还需要再思考我下一步应该去哪里,没有一个明显的提示

应该环环相扣,而不是让操作人员去思考下一步去哪里做进一步的操作

新进来第一次,可以有更好的操作指引,带操作者走一遍对应的流程,而不仅仅是弹窗的形式,能定位到页面具体内容的指引

小程序下架之后,我理解可以把已经上线的再上线而无需审核,目前来看下架之后还需要再走一遍审核流程,如果误下架的话,审核流程又比较繁琐

总结

总体来说,该有的上架流程和权限点都有,像体验版,审核,上架等一系列内容,已经涵盖了目前小程序上架的流程规范,甚至对于微信小程序来说,增加了代码包管理,审核流程也有迹可循,灰度发布也较为完善,当然也有一些不足,就是链路不够清晰,一个流程到下一个流程衔接不明显

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.