从建筑设计到独立开发上架一款谷歌APP

如风如梦

个人背景

建筑学本科，设计院工龄一年半，2022年2月从建筑设计院裸辞，前岗位是住宅建筑设计。躺平玩游戏一个半月，三月底开始求职，四月底拿到offer，五月初入职，新的岗位为市场类型，商业变现岗位，入职时间8个月了。
感兴趣的话，之前的文章有记录我的转变历程和目前做变现的工作状态，在此我就不多说废话啦
动机

转行了一段时间，也有很久没有更新知乎了。其实平时在公司里做得主要是广告变现工作，和数据打交道时间久了，感觉也挺工具人的，希望在业余时间希望能做一点东西。
对于开发/上架和运营基本没有什么接触，这次想通过自己从零到一做出来的APP试试水，从实操中测试下一个游戏APP是如何能获得盈利的。选择的上架市场是Google Play。
一款简单APP的从制作到上架其实不算困难，可以分成基础工作，开发和运营三个步骤。



上架流程

为了缩减时间精力成本，以及考虑到自己在开放方面很业余，制作的是一款混合型APP，相比于原生APP更简单，相当于是用APP的外壳，去包装一个网页上就能运行的JavaScript小程序。
游戏选型，选择的是休闲游戏中比较经典的水排序类型，这个类型的游戏在2021年左右比较风靡。
混合 App （hybrid App）
顾名思义就是原生 App 与 Web App 的结合。它的壳是原生 App，但是里面放的是网页。 可以理解成，混合 App 里面隐藏了一个浏览器，用户看到的实际上是这个隐藏浏览器渲染出来的网页。


代码框架

整体代码框架部分图示，以及部分代码思路
完成功能代码之后，需要根据官网的指导，接入广告部分的代码和SDK。



代码框架

1.MainActivity代码框架
package com.xxxx.yyyyyyyy;
​
public class MainActivity extends AppCompatActivity{
    //主线程
    protected void onCreate(Bundle savedInstanceState) {}
   
    //创建Javascript和Java的接口，方便在Javascript代码中调用Java代码
    class AndroidAndJsInterface {}
   
    //初始化WebView
    private void initWebView() {}
   
    //加载请求激励视频广告（广告代码
    private void RewardAdload() {}
   
    //加载请求插屏广告（广告代码
    private void interstitialadload() {}
   
    //加载请求横幅广告（广告代码
    private void createbanner() {}
}文件目录：项目名/app/src/main/java/com.xxxx.yyyyyyy(包名)/MainActivity
2.Webview部分代码（网页API的调用供参考）
//WebView部分
    private void initWebView() {
        //1.加载网页-H5，html，自定义浏览器，直接在webview中播放视频
        WebView webView = new WebView(this);
        WebSettings webSettings = webView.getSettings();
​
        //设置支持声音自动播放
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1)  {
            webSettings.setMediaPlaybackRequiresUserGesture(false);
        }
        //设置支持JavaScript
        webSettings.setJavaScriptEnabled(true);
​
        //不调用浏览器-自定义浏览器
        webView.setWebViewClient(new WebViewClient());
​
        //加载本地的html页面
        webView.loadUrl("file:///android_asset/index.html");
​
        //添加Jscript调用Java的接口
        //以后通过android 字段 调用AndroidAndJsInterface类中的任何方法
        //字段android 一定要和html文件中调用的字段一样
        AndroidAndJsInterface androidAndJsInterface = new AndroidAndJsInterface(this,mHandler);
        webView.addJavascriptInterface(androidAndJsInterface,"Android");
        //加载webview的内容
        setContentView(webView);
    }APP展示

整体的UI风格比较简单，背景上的气泡做了些随机的变化
​

游玩展示
https://www.zhihu.com/video/1600892836353953792



如果大家对这个APP有一定兴趣，并且有访问谷歌商店（Google Play）的条件，可以参照下，也期望大佬的指教！

最爱管闲事

元芳你怎么看？