How to add WFS and WMS in openlayers?

Question

I have two service url like WFS and WMS below:

http://neii.bom.gov.au/services/solarclim/wms/data/monClim_dirNorExp1Hou.nc?service=WMS&version=1.3.0&request=GetCapabilities&SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=true&LAYERS=topp:states&TILED=true&WIDTH=256&HEIGHT=256&CRS=EPSG:4326&STYLES=&BBOX=45%2c-67.5%2c56.25%2c-56.25

http://services.land.vic.gov.au/catalogue/publicproxy/guest/dv_geoserver/datavic/wfs?SERVICE=WFS&VERSION=1.0.0&REQUEST=GetFeature&TYPENAME=datavic:VMADMIN_LGA_POLYGON&SRSNAME=EPSG:4283&cql_filter=LGA_CODE=325

I want those two services need to add as layer in my openlayers map. Is it possible and how?

Updated code with sample data:

myFunction(layerUrl:string, layer: any) {
        var bbox = layer.BoundingBox[0].extent;
        var crs = layer.BoundingBox[0].crs;

        var wmsSource = new ol.source.TileWMS({
            url: `${layerUrl}`,
            params: {'LAYERS': `${layer.Name}`, 'TILED': true},
            serverType: 'geoserver',
            projection: `${crs}`,
            // Countries have transparency, so do not fade tiles:
            transition: 0
        });

        var wmsLayer = new ol.layer.Tile({
            extent: bbox,
            source: wmsSource
        });

        map.addLayer(wmsLayer);

        map.getView().fit(wmsLayer.getExtent());
    }

Layer url here: https://wms.geo.admin.ch/

Here is layer object:

Abstract: "Als Kulturgüter von nationaler Bedeutung im Inventar von 2009 gelten rund 3200 Objekte (Einzelbauten / Sammlungen in Museeen, Archiven und Bibliotheken sowie Archäologie)."
Attribution: {Title: "Das Geoportal des Bundes", OnlineResource: "http://www.geo.admin.ch/", LogoURL: {…}}
BoundingBox: [{…}]
CRS: (14) ["epsg:2056", "epsg:21781", "epsg:4326", "epsg:3857", "epsg:3034", "epsg:3035", "epsg:4258", "epsg:31287", "epsg:25832", "epsg:25833", "epsg:31467", "epsg:32632", "epsg:32633", "epsg:900913"]
Dimension: undefined
EX_GeographicBoundingBox: (4) [0.659965, 45.4183, 10.8344, 48.7495]
Layer: (2) [{…}, {…}]
MaxScaleDenominator: undefined
MinScaleDenominator: undefined
Name: "ch.babs.kulturgueter"
Style: [{…}]
Title: "KGS Inventar"
cascaded: undefined
fixedHeight: undefined
fixedWidth: undefined
noSubsets: false
opaque: false
queryable: false
__proto__: Object

Answer 1

Sorry for late reply, but i use this code in my project with custom settings and this provide me a valid output. Code is as follows [ please change static ip with your variable ]

var wmsSource = new ol.source.TileWMS({
     url: 'https://wms.geo.admin.ch/',
     params: {'LAYERS': 'ch.babs.kulturgueter','TILED': true},
     serverType: 'geoserver',
     projection: 'EPSG:4326',
     transition: 0
});

var wmsLayer = new ol.layer.Tile({
    source: wmsSource
});

map.addLayer(wmsLayer);

And the output is as follows: [ working just fine ]